/**
 * MCD Admin - design tokens
 *
 * Same house vocabulary as storefront/app/styles/tokens.css (warm neutral,
 * one accent, system fonts) but its own values: the admin is a denser,
 * functional operations surface, not the marketing site.
 *
 * Light theme lives on bare :root; dark theme overrides under
 * prefers-color-scheme, driven automatically by the OS/browser setting -
 * there is no manual theme toggle. Every color, spacing, radius, font and
 * motion value used elsewhere in app/admin/static/css/*.css comes from a
 * custom property defined here. Only the --color-* tokens differ between
 * the two theme blocks; space/type/radius/motion tokens are not
 * theme-dependent, so they appear once.
 */

:root {
  /* Color: surfaces and text */
  --color-bg: #f5f3ef;
  --color-surface: #ffffff;
  --color-surface-sunken: #ebe8e2;
  --color-ink: #21201c;
  --color-muted: #5b5750;
  --color-rule: #ddd8d0;

  /* Color: one accent, used for primary actions and current-nav state */
  --color-accent: #7a4326;
  --color-accent-strong: #5e3319;
  --color-accent-ink: #ffffff;

  /* Color: focus ring - distinct from the accent so a keyboard user can
     always tell "focused" apart from "this is the brand color" */
  --color-focus: #1f5fa8;

  /* Color: status semantics (draft/published/scheduled/archived and
     success/warning/danger messaging), each a text-on-background pair */
  --color-success-ink: #1c5c2e;
  --color-success-bg: #e3f2e6;
  --color-warning-ink: #6b4a06;
  --color-warning-bg: #faf0d8;
  --color-danger-ink: #8f2a24;
  --color-danger-bg: #fbe6e4;
  --color-info-ink: #1f5fa8;
  --color-info-bg: #e6eefa;
  --color-overlay: rgba(0, 0, 0, 0.4);

  /* Space (4px base scale) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Type - system stacks only, no external font host */
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
    Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas,
    'Liberation Mono', monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;

  /* Shape */
  --radius-1: 4px;
  --radius-2: 8px;
  --radius-pill: 999px;

  /* Elevation - a small ramp, used consistently per layer */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-2: 0 4px 16px rgba(0, 0, 0, 0.14);

  /* Layout */
  --page-max: 1120px;
  --nav-width: 220px;

  /* Motion - see app/admin/static/css/base.css for the reduced-motion
     override that collapses all of these to near-zero */
  --dur-fast: 100ms;
  --dur-base: 180ms;
  --dur-slow: 240ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #17140f;
    --color-surface: #211d17;
    --color-surface-sunken: #191510;
    --color-ink: #f1efe9;
    --color-muted: #c9c3b8;
    --color-rule: #3a352c;

    --color-accent: #d99a63;
    --color-accent-strong: #eab785;
    --color-accent-ink: #1a1108;

    --color-focus: #8ec1f2;

    --color-success-ink: #8fd39f;
    --color-success-bg: #1b3320;
    --color-warning-ink: #f0cf7a;
    --color-warning-bg: #332a10;
    --color-danger-ink: #f2a49e;
    --color-danger-bg: #3a1917;
    --color-info-ink: #8ec1f2;
    --color-info-bg: #1a2c3f;
    --color-overlay: rgba(0, 0, 0, 0.6);
  }
}