/* 2chl_default / default profile
   root(main_root.php) と nextgen(theme.css) の両方で使う配色変数 */
:root{
  --portal-bg:#f7f8fc;
  --portal-card:#ffffff;
  --portal-card-bg:rgba(255,255,255,.90);
  --portal-card-bg-strong:#ffffff;
  --portal-text:#1f2937;
  --portal-text-strong:#293241;
  --portal-heading-text:#111827;
  --portal-sub:#697386;
  --portal-subtle:#697386;
  --portal-soft:#8d97aa;
  --portal-border:#d9dfeb;
  --portal-line:#e6eaf2;
  --portal-line-strong:#d8dfeb;
  --portal-line-soft:#eef2f8;

  --portal-primary:#e8899d;
  --portal-primary-hover:#d96d84;
  --portal-accent:#e8899d;
  --portal-accent-deep:#d96d84;
  --portal-accent-line:#efbcc7;
  --portal-accent-line-hover:#efc7d0;
  --portal-accent-soft:#fff4f7;
  --portal-accent-soft-2:#fff9fb;
  --portal-accent-grad-soft:linear-gradient(180deg, #fff8fa 0%, #fff1f5 100%);
  --portal-accent-text-strong:#b45269;
  --portal-accent-divider-grad:linear-gradient(90deg, rgba(232,137,157,0) 0%, rgba(232,137,157,.35) 50%, rgba(232,137,157,0) 100%);
  --portal-accent-bar-grad:linear-gradient(90deg, rgba(232,137,157,.12) 0%, rgba(232,137,157,.55) 50%, rgba(232,137,157,.12) 100%);
  --portal-feed-accent-grad:linear-gradient(180deg, rgba(232,137,157,.16) 0%, rgba(232,137,157,.55) 100%);

  --portal-yellow:#fff8df;
  --portal-yellow-line:#efdfa0;
  --portal-notice-grad:linear-gradient(180deg, #fffdf0 0%, var(--portal-yellow) 100%);
  --portal-notice-text:#735d28;
  --portal-notice-label-bg:#f7d96f;
  --portal-notice-label-text:#7c4a03;

  --portal-topcats-bg-start:rgba(247,248,252,.94);
  --portal-topcats-bg-end:rgba(247,248,252,.86);
  --portal-chip-bg:rgba(255,255,255,.86);
  --portal-chip-text:#4b5563;

  --portal-card-line-soft:rgba(230,234,242,.95);
  --portal-card-line:rgba(230,234,242,.96);
  --portal-card-line-hover:#dde4ef;
  --portal-card-line-strong-hover:#e2d7de;
  --portal-card-grad-soft:linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.88) 100%);
  --portal-card-grad:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.88) 100%);
  --portal-panel-grad:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.90) 100%);
  --portal-panel-hover-grad:linear-gradient(180deg, #ffffff 0%, #fffdfd 100%);
  --portal-fadeout-grad:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.98) 78%);

  --portal-tag-line:#f0d3da;
  --portal-tag-grad:linear-gradient(180deg, #fff9fb 0%, #fff3f6 100%);
  --portal-tag-text:#b25a70;
  --portal-new-grad:linear-gradient(180deg, #ffe9ea 0%, #ffdfe2 100%);
  --portal-new-text:#d43d54;

  --portal-meta-label:#8a91a0;
  --portal-link-accent:#3b82f6;
  --portal-stat-text:#5f6979;
  --portal-stat-strong:#273244;
  --portal-icon-muted:#9aa3b2;
  --portal-icon-muted-strong:#7b8798;
  --portal-good-accent:#d67a8f;
  --portal-excerpt-text:#768095;
  --portal-muted-text:#6b7280;

  --portal-sidecard-head-text:#374151;
  --portal-sidecard-head-grad:linear-gradient(180deg, rgba(252,252,253,.95) 0%, rgba(248,250,253,.94) 100%);
  --portal-side-link-bg:rgba(255,255,255,.88);
  --portal-side-link-hover-bg:#fff8fa;
  --portal-side-link-hover-line:#f0c8cd;
  --portal-sidecat-grad:linear-gradient(180deg, #fff9fb 0%, #fff4f7 100%);
  --portal-sidecat-text:#7a5960;

  --portal-shadow-xs:0 2px 8px rgba(15, 23, 42, 0.04);
  --portal-shadow-sm:0 8px 24px rgba(15, 23, 42, 0.05);
  --portal-shadow-md:0 14px 36px rgba(15, 23, 42, 0.08);
  --portal-blur:blur(10px);
}