/* 2chl_default / blue profile */
:root{
  --portal-bg:#f4f8ff;
  --portal-card:#ffffff;
  --portal-card-bg:rgba(255,255,255,.92);
  --portal-card-bg-strong:#ffffff;
  --portal-text:#1c2b3f;
  --portal-text-strong:#1c2b3f;
  --portal-heading-text:#102033;
  --portal-sub:#5f738b;
  --portal-subtle:#5f738b;
  --portal-soft:#8698ae;
  --portal-border:#d9e5f2;
  --portal-line:#d9e5f2;
  --portal-line-strong:#d9e5f2;
  --portal-line-soft:color-mix(in srgb, #d9e5f2 70%, white);

  --portal-primary:#5b8ef5;
  --portal-primary-hover:#487ed9;
  --portal-accent:#6fa2ff;
  --portal-accent-deep:#487ed9;
  --portal-accent-line:#b8d1fb;
  --portal-accent-line-hover:#c7dafd;
  --portal-accent-soft:#eef5ff;
  --portal-accent-soft-2:#f6faff;
  --portal-accent-grad-soft:linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
  --portal-accent-text-strong:#3e6fbe;
  --portal-accent-divider-grad:linear-gradient(90deg, color-mix(in srgb, #5b8ef5 0%, transparent) 0%, color-mix(in srgb, #5b8ef5 32%, transparent) 50%, color-mix(in srgb, #5b8ef5 0%, transparent) 100%);
  --portal-accent-bar-grad:linear-gradient(90deg, color-mix(in srgb, #5b8ef5 12%, transparent) 0%, color-mix(in srgb, #5b8ef5 48%, transparent) 50%, color-mix(in srgb, #5b8ef5 12%, transparent) 100%);
  --portal-feed-accent-grad:linear-gradient(180deg, color-mix(in srgb, #5b8ef5 18%, transparent) 0%, color-mix(in srgb, #487ed9 55%, transparent) 100%);

  --portal-yellow:#eef6ff;
  --portal-yellow-line:#c9ddfb;
  --portal-notice-grad:linear-gradient(180deg, #fffef8 0%, #eef6ff 100%);
  --portal-notice-text:#38506f;
  --portal-notice-label-bg:#d8e8ff;
  --portal-notice-label-text:#24476f;

  --portal-topcats-bg-start:color-mix(in srgb, #f4f8ff 96%, white);
  --portal-topcats-bg-end:color-mix(in srgb, #f4f8ff 88%, white);
  --portal-chip-bg:rgba(255,255,255,.90);
  --portal-chip-text:#5f738b;

  --portal-card-line-soft:color-mix(in srgb, #d9e5f2 78%, white);
  --portal-card-line:color-mix(in srgb, #d9e5f2 90%, white);
  --portal-card-line-hover:color-mix(in srgb, #c7dafd 82%, white);
  --portal-card-line-strong-hover:#c7dafd;
  --portal-card-grad-soft:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.90) 100%);
  --portal-card-grad:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 100%);
  --portal-panel-grad:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.93) 100%);
  --portal-panel-hover-grad:linear-gradient(180deg, #ffffff 0%, #fafdff 100%);
  --portal-fadeout-grad:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.99) 78%);

  --portal-tag-line:#d5e4fb;
  --portal-tag-grad:linear-gradient(180deg, #f6faff 0%, #edf4ff 100%);
  --portal-tag-text:#4a74b8;
  --portal-new-grad:linear-gradient(180deg, #eef5ff 0%, #dbe9ff 100%);
  --portal-new-text:#2d63bc;

  --portal-meta-label:#8698ae;
  --portal-link-accent:#4d86ef;
  --portal-stat-text:#5f738b;
  --portal-stat-strong:#102033;
  --portal-icon-muted:#8698ae;
  --portal-icon-muted-strong:#5f738b;
  --portal-good-accent:#5f8fdd;
  --portal-excerpt-text:#5f738b;
  --portal-muted-text:#5f738b;

  --portal-sidecard-head-text:#102033;
  --portal-sidecard-head-grad:linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(248,250,252,.95) 100%);
  --portal-side-link-bg:rgba(255,255,255,.92);
  --portal-side-link-hover-bg:#f6faff;
  --portal-side-link-hover-line:#c7dafd;
  --portal-sidecat-grad:linear-gradient(180deg, #f6faff 0%, #edf4ff 100%);
  --portal-sidecat-text:#5f738b;

  --portal-shadow-xs:0 2px 8px rgba(15, 35, 65, 0.05);
  --portal-shadow-sm:0 8px 24px rgba(15, 35, 65, 0.06);
  --portal-shadow-md:0 14px 36px rgba(15, 35, 65, 0.10);
  --portal-blur:blur(10px);
}