/* Merset Personal Workbench — Editorial Folio profile tokens
   coreVersion: 4.0.0-draft
   profileVersion: 1.2.0
   compatibility: >=4.0.0-draft <5.0.0
   summary: Warm paper day mode, deep-ink night mode, folio rail and 8/4 editorial composition. */

:root[data-product="personal-workbench"] {
  /* Editorial typography */
  --font-display: "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC",
    STSong, serif;
  --folio-tracking-wide: 0.1em;
  --folio-tracking-display: -0.035em;
  --folio-prologue-title-size: clamp(2.65rem, 5vw, 4.8rem);
  --folio-masthead-title-size: clamp(2.6rem, 5vw, 5rem);
  --folio-masthead-mobile-title-size: clamp(2.4rem, 12vw, 3.6rem);

  /* Product geometry */
  --folio-rail-width: 13.5rem;
  --folio-content-max-width: 92rem;
  --folio-cover-max-width: 94rem;
  --folio-cover-min-height: 42rem;
  --folio-panel-radius: var(--radius-sm);
  --folio-cover-radius: var(--radius-lg);
  --folio-square-radius: 0;
  --folio-flat-shadow: none;
  --folio-rule-width: var(--border-width);
  --folio-column-gap: clamp(var(--space-5), 2.4vw, var(--space-8));
  --folio-section-gap: clamp(var(--space-6), 3vw, var(--space-10));
  --folio-page-gutter: clamp(var(--space-4), 3vw, var(--space-8));
  --folio-rail-padding: var(--space-5);
  --folio-nav-marker-offset: -0.75rem;
  --folio-live-rail-top: calc(var(--header-height) + var(--space-6));
  --folio-mobile-content-gap: calc(
    var(--workbench-dock-height) +
    max(var(--workbench-dock-edge-gap), var(--safe-area-bottom)) +
    var(--workbench-dock-content-gap)
  );

  /* Day paper and ink */
  --color-bg-canvas: #f2efe7;
  --color-bg-surface: #fffdf7;
  --color-bg-surface-subtle: #ebe6dc;
  --color-bg-surface-raised: #ffffff;
  --color-bg-disabled: #ded8cc;
  --color-bg-glass: rgb(255 253 247 / 0.94);
  --color-text-primary: #182238;
  --color-text-secondary: #4b5668;
  --color-text-muted: #667184;
  --color-text-disabled: #667184;
  --color-text-inverse: #fffdf7;
  --color-border-subtle: #d8d1c5;
  --color-border-default: #bfb6a7;
  --color-border-strong: #716b63;

  /* Action and focus */
  --color-focus: #a44f18;
  --color-focus-halo: #fffdf7;
  --color-action-primary-bg: #a44f18;
  --color-action-primary-hover: #873f13;
  --color-action-primary-active: #6b310f;
  --color-action-primary-fg: #ffffff;
  --color-action-primary-soft: #f7e5d5;
  --color-link: #243f76;
  --color-link-hover: #162b55;

  /* Folio product palette */
  --folio-paper: #fffdf7;
  --folio-paper-raised: #ffffff;
  --folio-paper-muted: #f2eee5;
  --folio-ink: #182238;
  --folio-ink-soft: #4b5668;
  --folio-rule: #d8d1c5;
  --folio-rule-strong: #bfb6a7;
  --folio-accent: #a44f18;
  --folio-accent-soft: #f7e5d5;
  --folio-rail-bg: #152136;
  --folio-rail-bg-strong: #0f192b;
  --folio-rail-fg: #fffaf0;
  --folio-rail-muted: #bfc9d8;
  --folio-rail-rule: #3c4b62;
  --folio-access-field-bg: #202d42;
  --folio-access-field-border: #627087;
  --folio-access-field-placeholder: #bfc9d8;
  --folio-status-dot: #2f9b78;

  /* Existing editorial aliases are deliberately rebound to the Folio profile. */
  --color-editorial-hero-bg: var(--folio-rail-bg);
  --color-editorial-hero-fg: var(--folio-rail-fg);
  --color-editorial-hero-muted: var(--folio-rail-muted);
  --color-editorial-hero-rule: var(--folio-rail-rule);
  --color-editorial-note-bg: #fff3d7;
  --color-editorial-note-fg: #182238;
  --color-editorial-note-muted: #566071;
  --color-editorial-note-border: #dfc88f;
  --color-editorial-nav-active-bg: var(--folio-paper);
  --color-editorial-nav-active-fg: var(--folio-ink);

  /* Product shadows and composition */
  --shadow-editorial-panel: 0 0.35rem 1.25rem rgb(24 34 56 / 0.06);
  --shadow-editorial-hero: 0 1.25rem 3rem rgb(24 34 56 / 0.14);
  --shadow-mobile-dock: 0 1rem 2.5rem rgb(24 34 56 / 0.18);
  --workbench-panel-radius: var(--folio-panel-radius);
  --workbench-hero-radius: var(--folio-cover-radius);
  --workbench-hero-padding: clamp(var(--space-6), 4vw, var(--space-12));
  --workbench-page-gutter: var(--folio-page-gutter);
  --workbench-dock-height: 4.5rem;
  --workbench-dock-height-compact: 3.75rem;
  --workbench-dock-edge-gap: var(--space-2);
  --workbench-dock-inline-gap: var(--space-3);
  --workbench-dock-toast-gap: var(--space-3);
  --workbench-dock-content-gap: var(--space-4);
}

:root[data-product="personal-workbench"][data-theme="dark"] {
  /* Night paper and ink */
  --color-bg-canvas: #0b1118;
  --color-bg-surface: #121a24;
  --color-bg-surface-subtle: #1a2430;
  --color-bg-surface-raised: #1e2936;
  --color-bg-disabled: #293542;
  --color-bg-glass: rgb(18 26 36 / 0.95);
  --color-text-primary: #f5f0e7;
  --color-text-secondary: #c8c2b8;
  --color-text-muted: #a9a399;
  --color-text-disabled: #a9a399;
  --color-text-inverse: #182238;
  --color-border-subtle: #2e3946;
  --color-border-default: #4c5968;
  --color-border-strong: #9ca7b4;

  /* Night actions remain warm without becoming warning red. */
  --color-focus: #e0a15c;
  --color-focus-halo: #0b1118;
  --color-action-primary-bg: #d79750;
  --color-action-primary-hover: #e4aa68;
  --color-action-primary-active: #c17d38;
  --color-action-primary-fg: #1b140d;
  --color-action-primary-soft: #3c2918;
  --color-link: #e1ae72;
  --color-link-hover: #f2c995;

  /* Night folio surfaces */
  --folio-paper: #121a24;
  --folio-paper-raised: #18222e;
  --folio-paper-muted: #101720;
  --folio-ink: #f5f0e7;
  --folio-ink-soft: #c8c2b8;
  --folio-rule: #2e3946;
  --folio-rule-strong: #4c5968;
  --folio-accent: #d79750;
  --folio-accent-soft: #3c2918;
  --folio-rail-bg: #0d1725;
  --folio-rail-bg-strong: #09111d;
  --folio-rail-fg: #f8f2e8;
  --folio-rail-muted: #aeb9c8;
  --folio-rail-rule: #34445a;
  --folio-access-field-bg: #162235;
  --folio-access-field-border: #596a82;
  --folio-access-field-placeholder: #aeb9c8;
  --folio-status-dot: #57c6a0;

  --color-editorial-note-bg: #2b2419;
  --color-editorial-note-fg: #f7e8cd;
  --color-editorial-note-muted: #d1bb96;
  --color-editorial-note-border: #6d5331;
  --color-editorial-nav-active-bg: #f2eadc;
  --color-editorial-nav-active-fg: #182238;

  --shadow-editorial-panel: 0 0.5rem 1.5rem rgb(0 0 0 / 0.2);
  --shadow-editorial-hero: 0 1.5rem 3.5rem rgb(0 0 0 / 0.34);
  --shadow-mobile-dock: 0 1rem 2.5rem rgb(0 0 0 / 0.42);
}