/* YouShouldAsk · design tokens extracted from the redesign mocks (turns 1c–4n).
   Drop-in replacement for the colour/type/radius layer of application/css/ysa-theme-rail.css.
   Everything in the mocks resolves to one of these values. */
:root {
  /* Shared preview interaction tones; presentation colors stay in this file. */
  --ysa-action-pressed: #29413f;
  --ysa-state-idle: #9aa3a1;
  --ysa-line-connectors: #d6d8d2;
  --ysa-surface-segmented: #ebece7;
  --ysa-action-hover: #1b3634;
  --ysa-shadow-tone-wash: #0e252308;
  --ysa-shadow-tone-soft: #0e25230a;
  --ysa-shadow-tone-light: #0e252314;
  --ysa-shadow-tone-subtle: #0e25231a;
  --ysa-shadow-tone-medium: #0e252324;
  --ysa-shadow-tone-raised: #0e252326;
  --ysa-shadow-tone-deep: #0e25232b;
  --ysa-shadow-tone-overlay: #0e252338;
  --ysa-shadow-tone-backdrop: #0e25233b;

  --ysa-on-ink-overlay: rgba(14,37,35,.32);
  --ysa-shadow-mobile-nav: 0 16px 40px rgba(14,37,35,.22);
  --ysa-plot-muted: #C9D6D4;
  /* Brand */
  --ysa-ink: #0E2523;            /* rail, primary buttons, headings, body text */
  --ysa-lime: #D8F500;           /* ONLY: active rail tile, positive delta pills, "today" bar, alert dot, "New" badge */
  --ysa-lime-soft: #F2FBBF;      /* delta pill background, journey-phase chip on Cortex card */
  --ysa-sage: #A5C4C3;           /* avatars (current user), live-state dots, chart fills, confidence bars */
  --ysa-sage-soft: #DDE8E4;      /* assistant bubbles, Live pills, hero gradient start, selected avatar bg */
  --ysa-sage-soft-2: #EBF1EE;    /* hero gradient end (Home 1c) */

  /* Surfaces */
  --ysa-canvas: #F4F4F1;         /* page background behind the sheet; also neutral chips, selected rows, hover */
  --ysa-canvas-tint: #F7F7F4;    /* KPI tiles on Home */
  --ysa-canvas-tint-2: #F6F6F3;  /* Journey Builder canvas, code blocks */
  --ysa-sheet: #FFFFFF;          /* the 28px-radius white sheet, cards, panels */
  --ysa-soft-panel: #F7F9F8;     /* focus/insight strips (RFM focus segment, journey phase note) */
  --ysa-input-bg: #FAFAF8;       /* AI draft offer row */

  /* Lines */
  --ysa-line: #E4E6E1;           /* card borders, dividers, table header rule */
  --ysa-line-soft: #EEF0EC;      /* row separators, kv rows */
  --ysa-line-strong: #D4D7D1;    /* inputs, composer, secondary buttons on tinted ground */
  --ysa-line-faint: #EDEEEA;     /* chart grid, popover separators */

  /* Text */
  --ysa-text: #0E2523;
  --ysa-text-2: #3F4D4A;         /* icon buttons, secondary nav items */
  --ysa-text-3: #5B6664;         /* previews, descriptions, segmented inactive */
  --ysa-text-muted: #6B7472;     /* labels, kickers, helper copy (4.6:1 on white) */
  --ysa-text-faint: #8A9391;     /* timestamps, placeholders, axis labels */
  --ysa-text-disabled: #C9CFCC;  /* empty stars, dashed "Add" chips, unchecked boxes */
  --ysa-on-ink: #FFFFFF;
  --ysa-on-ink-muted: rgba(255,255,255,.72);  /* inactive rail icons / menu labels */
  --ysa-on-ink-faint: rgba(255,255,255,.42);  /* menu section labels */
  --ysa-on-ink-line: rgba(255,255,255,.16);   /* rail separators */
  --ysa-on-ink-fill: rgba(255,255,255,.07);   /* ⌘K search field in the expanded menu */

  /* Semantic (status, labels) */
  --ysa-ok: #007D65;             /* ok dots, checks, "B2B" label */
  --ysa-ok-soft: #DFF8F1;
  --ysa-warn: #B4541A;           /* failed-run dot, pending health */
  --ysa-danger-text: #8A3A12;    /* "Update failed", "No results" */
  --ysa-danger-soft: #FBEAE3;
  --ysa-danger-line: #E7C9BE;
  --ysa-caution-text: #7A5200;   /* "Needs check", "Low clicks" */
  --ysa-caution-soft: #FFF4D6;
  --ysa-info: #075FB8;           /* "Shipping" label, audience node */
  --ysa-info-soft: #E2F2FF;
  --ysa-purple: #7031EF;         /* "Product advice" label, Smart decision node */
  --ysa-purple-soft: #EFE5FF;
  --ysa-brown: #965409;          /* "Returns" label, persona quick action */
  --ysa-brown-soft: #FFF0E2;

  /* RFM segment palette (unchanged from application/css/cortex-rfm.css) */
  --rfm-champions: #2bbb92; --rfm-loyal: #39a6ef; --rfm-potential: #8b61fa; --rfm-new: #49bfc1;
  --rfm-promising: #70a8f9; --rfm-attention: #e8b931; --rfm-sleep: #a58ad6; --rfm-risk: #ed6f89;
  --rfm-cant-lose: #d95379; --rfm-hibernating: #81a6b0; --rfm-lost: #a7b0bf;

  /* Type */
  --ysa-font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ysa-font-heading: 'PP Palma', Georgia, serif; /* all h1/h2/h3 — regular 400 only (single weight), see README §2 */
  --ysa-font-serif: Newsreader, Georgia, serif;   /* italic 400 only — greetings, period notes, big phase numerals */
  --ysa-font-mono: ui-monospace, Menlo, Consolas, monospace;

  --ysa-fs-hero: 50px;   /* Home greeting (serif italic, lh 1.08, ls -.015em) */
  --ysa-fs-h1: 30px;     /* page titles, PP Palma 400, ls -.01em, lh 1.15; Home/Insights 32px */
  --ysa-fs-kpi: 26px;    /* KPI value (600, ls -.02em, lh 1); Home tiles 30px/700 */
  --ysa-fs-h2: 18px;     /* card titles, PP Palma 400, ls 0 — Home cards 20px, Journey nodes 19px */
  --ysa-fs-body: 15px;   /* page base (lh 1.45) */
  --ysa-fs-ui: 13.5px;   /* table cells, nav items, inputs */
  --ysa-fs-small: 13px;  /* buttons, helper copy, kv rows */
  --ysa-fs-meta: 12.5px; /* descriptions under titles, secondary cells */
  --ysa-fs-micro: 12px;  /* pills, timestamps, axis */
  --ysa-fs-kicker: 10.5px; /* section labels: 700, uppercase, letter-spacing .12em, muted */
  --ysa-fs-kicker-lg: 11px; /* page kickers on Home/News: .14em */

  /* Radius */
  --ysa-r-sheet: 28px;   /* the white page sheet */
  --ysa-r-menu: 20px;    /* expanded menu, Home cards, Journey nodes 16px */
  --ysa-r-card: 18px;    /* cards, rail (collapsed) */
  --ysa-r-tile: 16px;    /* KPI tiles, message bubbles, draft panel */
  --ysa-r-panel: 14px;   /* quick-action tiles, Cortex card in Details */
  --ysa-r-control: 12px; /* rail tiles, menu items, composer, hero bubbles */
  --ysa-r-input: 10px;   /* buttons, inputs, icon buttons, segmented */
  --ysa-r-item: 9px;     /* list items in popovers, sub-nav items */
  --ysa-r-pill: 999px;

  /* Shadow */
  --ysa-shadow-sheet: 0 1px 2px rgba(14,37,35,.04);
  --ysa-shadow-card: 0 2px 8px rgba(14,37,35,.04);
  --ysa-shadow-float: 0 10px 30px rgba(14,37,35,.08);          /* Home prompt bar */
  --ysa-shadow-popover: 0 12px 32px rgba(14,37,35,.10);        /* draft, inspector */
  --ysa-shadow-menu: 0 20px 50px rgba(14,37,35,.14), 0 2px 6px rgba(14,37,35,.06);   /* view switcher */
  --ysa-shadow-peek: 0 24px 64px rgba(14,37,35,.28), 0 2px 6px rgba(14,37,35,.12);   /* expanded menu over the sheet */
  --ysa-shadow-preview: 0 20px 50px rgba(14,37,35,.12);        /* search preview window */

  /* Mobile (≤ 480px) */
  --ysa-m-tabbar-h: 64px;        /* floating ink bar, 16px inset, 30px above the home indicator, radius 22 */
  --ysa-m-tab: 44px;             /* tab tile, radius 14, lime when active */
  --ysa-m-pad: 16px;             /* page side padding */
  --ysa-m-card-r: 20px;

  /* Layout */
  --ysa-rail-w: 56px;            /* collapsed rail outer width (8px padding + 40px tiles) */
  --ysa-rail-x: 24px;            /* rail left offset */
  --ysa-rail-y: 72px;            /* rail + sheet top offset (top-right utility row sits at 22px) */
  --ysa-menu-w: 272px;           /* expanded / docked menu width */
  --ysa-sheet-gap: 24px;         /* rail → sheet gap and sheet → viewport edge */
  --ysa-sheet-pad: 44px 48px;    /* Home/Insights; Cortex main: 28px 32px 32px */
  --ysa-pane-header-h: 64px;     /* Conversations: list / thread / details header line */
  --ysa-conv-list-w: 360px;
  --ysa-conv-details-w: 300px;
  --ysa-cortex-subnav-w: 220px;
  --ysa-jb-props-w: 400px;
  --ysa-jb-log-h: 300px;
  --ysa-gap: 16px;               /* card gap; Home uses 20px, dense grids 12px */
}