/**
 * FM-DS-001 — FikiriaMaisha Operating System Design Tokens
 * Single authority for authenticated experiences.
 * Legacy --g* / --text-* aliases remain for progressive migration.
 */
:root {
  /* Brand greens */
  --fm-green-900: #0f2318;
  --fm-green-800: #1a3a2a;
  --fm-green-700: #2d6a4f;
  --fm-green-600: #40916c;
  --fm-green-500: #74c69d;

  /* Neutrals */
  --fm-white: #ffffff;
  --fm-neutral-25: #f7faf8;
  --fm-neutral-50: #eef4f0;
  --fm-neutral-100: #e5ebe7;
  --fm-neutral-200: #d1d5db;
  --fm-neutral-300: #b8bcc8;
  --fm-neutral-500: #6b7280;
  --fm-neutral-700: #2d4a39;
  --fm-neutral-900: #0f1f17;

  /* Accent */
  --fm-cream: #faf8f3;
  --fm-gold-100: #fff8e8;
  --fm-gold-300: #e9c46a;
  --fm-gold-500: #c9a03a;

  /* Semantic */
  --fm-info: #2563eb;
  --fm-success: #1c7a3c;
  --fm-warning: #9a6b10;
  --fm-danger: #b4232a;
  --fm-focus: #2d6a4f;

  /* Typography families */
  --fm-font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --fm-font-body: 'DM Sans', 'Segoe UI', sans-serif;
  --fm-font-mono: 'DM Mono', ui-monospace, monospace;

  /* Type scale */
  --fm-text-display: 1.75rem;
  --fm-text-page-title: 1.5rem;
  --fm-text-section: 0.9375rem;
  --fm-text-card: 0.8125rem;
  --fm-text-body: 0.875rem;
  --fm-text-body-sm: 0.8125rem;
  --fm-text-label: 0.6875rem;
  --fm-text-caption: 0.75rem;
  --fm-text-meta: 0.75rem;
  --fm-text-code: 0.8125rem;
  --fm-lh-body: 1.5;
  --fm-ls-title: -0.02em;
  --fm-ls-label: 0.06em;

  /* Spacing scale */
  --fm-space-1: 4px;
  --fm-space-2: 8px;
  --fm-space-3: 12px;
  --fm-space-4: 16px;
  --fm-space-5: 24px;
  --fm-space-6: 32px;
  --fm-space-7: 48px;
  --fm-space-8: 64px;

  /* Radius */
  --fm-radius-sm: 6px;
  --fm-radius-md: 10px;
  --fm-radius-lg: 16px;
  --fm-radius-pill: 999px;

  /* Shadow */
  --fm-shadow-none: none;
  --fm-shadow-subtle: 0 1px 4px rgba(15, 35, 24, 0.07);
  --fm-shadow-overlay: 0 12px 40px rgba(15, 35, 24, 0.14);

  /* Control heights */
  --fm-control-compact: 36px;
  --fm-control-standard: 44px;
  --fm-control-large: 52px;

  /* Icons */
  --fm-icon-16: 16px;
  --fm-icon-20: 20px;
  --fm-icon-24: 24px;

  /* Containers */
  --fm-width-form: 720px;
  --fm-width-workflow: 960px;
  --fm-width-ops: 1280px;
  --fm-width-ops-max: 1440px;

  /* Shell */
  --fm-sidebar-w: 224px;
  --fm-topbar-h: 56px;
  --fm-border: rgba(45, 106, 79, 0.13);
  --fm-surface: var(--fm-white);
  --fm-canvas: var(--fm-neutral-50);

  /* Legacy aliases — keep platform CSS working */
  --g0: var(--fm-green-900);
  --g1: var(--fm-green-800);
  --g2: var(--fm-green-700);
  --g3: var(--fm-green-600);
  --g4: var(--fm-green-500);
  --g5: #d8f3dc;
  --g6: #f0f9f3;
  --gold: var(--fm-gold-300);
  --gold-dark: var(--fm-gold-500);
  --cream: var(--fm-cream);
  --white: var(--fm-white);
  --text-dark: var(--fm-neutral-900);
  --text-mid: var(--fm-neutral-700);
  --text-soft: #5c6b62;
  --border: var(--fm-border);
  --radius: var(--fm-radius-md);
  --radius-lg: var(--fm-radius-lg);
  --font-display: var(--fm-font-display);
  --font-body: var(--fm-font-body);
  --font-mono: var(--fm-font-mono);
  --text-page-title: var(--fm-text-page-title);
  --text-page-title-ls: var(--fm-ls-title);
  --text-section: var(--fm-text-section);
  --text-section-ls: 0.01em;
  --text-card-title: var(--fm-text-card);
  --text-body: var(--fm-text-body);
  --text-body-lh: var(--fm-lh-body);
  --text-meta: var(--fm-text-meta);
  --text-label: var(--fm-text-label);
  --text-label-ls: var(--fm-ls-label);
  --shadow-sm: var(--fm-shadow-subtle);
  --shadow-md: 0 4px 16px rgba(15, 35, 24, 0.10);
  --shadow-lg: var(--fm-shadow-overlay);
  --sidebar-w: var(--fm-sidebar-w);
  --topbar-h: var(--fm-topbar-h);
}

html.fm-ds-001,
body.fm-ds-001 {
  background: var(--fm-canvas);
  color: var(--fm-neutral-900);
  font-family: var(--fm-font-body);
}

@media (prefers-reduced-motion: reduce) {
  html.fm-ds-001 *,
  body.fm-ds-001 * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}