/* Portaki — Auth & onboarding surface tokens
   Source of truth: portaki-web/src/app/globals.css (auth layout + onboarding rail).
   The auth split-shell has a warm off-white page, a dark editorial/onboarding rail
   (the same ink as the host sidebar), and glass form cards. */

:root {
  /* ── Auth page canvas ─────────────────────────────────────── */
  --auth-page-bg: #f6f6f4;        /* warmer than --ink-50; the auth/onboarding backdrop */

  /* ── Onboarding / editorial rail (dark, on --sb-bg ink) ───── */
  --sidebar-bg: var(--sb-bg);                                           /* #09090b */
  --sidebar-text: var(--sb-text);                                       /* #fafafa */
  --sidebar-muted: var(--sb-mute);                                      /* 55% white */
  --sidebar-text-medium: color-mix(in srgb, var(--sidebar-text) 52%, transparent);
  --sidebar-text-dim: color-mix(in srgb, var(--sidebar-text) 42%, transparent);
  --sidebar-surface: color-mix(in srgb, var(--sidebar-text) 4%, transparent);
  --sidebar-surface-strong: color-mix(in srgb, var(--sidebar-text) 7%, transparent);
  --sidebar-border-strong: color-mix(in srgb, var(--sidebar-text) 9%, transparent);
  --sidebar-divider: color-mix(in srgb, var(--sidebar-text) 8%, transparent);
  --sidebar-hover-step: color-mix(in srgb, var(--sidebar-text) 7%, transparent);
  --sidebar-active-bg: var(--sb-active-bg);                             /* amber 12% */
  --sidebar-step-todo: color-mix(in srgb, var(--sidebar-text) 6%, transparent);
  --sidebar-step-todo-text: color-mix(in srgb, var(--sidebar-text) 45%, transparent);

  /* ── Auth field metrics (DS refonte) ──────────────────────── */
  --auth-field-height: 48px;      /* icon-prefix inputs, password field */
  --auth-cta-height: 50px;        /* primary submit button */
  --auth-seg-height: 34px;        /* segmented login/register control */
  --auth-field-radius: 9px;       /* auth inputs sit between --radius-md and --radius-lg */
}