/*
 * Drona Publications Platform — public/assets/css/tokens.css
 * Version 0.9.7 · 2026-09-05 · Phase 8 (Go live & polish) — new logo kit palette
 *
 * THE ONLY FILE THAT MAY CONTAIN A COLOUR VALUE.
 * Everything else references these custom properties. The admin's Appearance
 * screen overrides them at runtime from the theme_settings table.
 */

:root {
  /* Palette */
  --color-primary: #031e65;        /* logo kit: navy (D, book, PUBLICATIONS) */
  --color-primary-ink: #ffffff;
  --color-primary-soft: #e6ebf6;
  --color-accent: #e86a09;         /* logo kit: orange (the A, ribbon) — a fill, always with dark or white ink */
  --color-accent-ink: #121023;
  --color-accent-soft: #fdecdd;
  --color-surface: #ffffff;
  --color-surface-alt: #f4f6f8;
  --color-surface-raised: #ffffff;
  --color-border: #d9dee5;
  --color-border-strong: #b8c0cc;
  --color-ink: #1a1a1a;
  --color-ink-muted: #5b6470;
  --color-ink-faint: #8a939f;
  --color-success: #1e7f4f;
  --color-success-soft: #e3f4ea;
  --color-warning: #8a5000;        /* logo kit: darkened gold — readable as text */
  --color-warning-soft: #fcf3e0;
  --color-danger: #c20a12;         /* logo kit: DRONA red */
  --color-danger-soft: #fbe7e5;
  --color-focus: #1054c7;          /* logo kit: blue highlight */
  --color-overlay: rgba(20, 24, 30, 0.55);
  --color-primary-hover: rgba(255, 255, 255, 0.12);

  /* Type */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-kannada: "Noto Sans Kannada", "Tunga", "Kedage", sans-serif;
  --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --text-xs: 0.8125rem;
  --text-sm: 0.9rem;
  --text-md: 1rem;
  --text-lg: 1.15rem;
  --text-xl: 1.4rem;
  --text-2xl: 1.8rem;
  --leading-latin: 1.5;
  --leading-kannada: 1.7;

  /* Shape and space */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --tap: 44px;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.12);
  --content-max: 1100px;
}

[data-mode="dark"] {
  --color-primary-soft: #1b2b3d;
  --color-accent-soft: #3a2a12;
  --color-surface: #12161b;
  --color-surface-alt: #1a2028;
  --color-surface-raised: #1f262f;
  --color-border: #2c3542;
  --color-border-strong: #3f4a59;
  --color-ink: #eef2f6;
  --color-ink-muted: #a7b1bd;
  --color-ink-faint: #74808d;
  --color-success-soft: #14301f;
  --color-warning-soft: #33280f;
  --color-danger-soft: #3a1714;
  --color-overlay: rgba(0, 0, 0, 0.7);
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.5);
}

@media (prefers-color-scheme: dark) {
  [data-mode="auto"] {
    --color-primary-soft: #1b2b3d;
    --color-accent-soft: #3a2a12;
    --color-surface: #12161b;
    --color-surface-alt: #1a2028;
    --color-surface-raised: #1f262f;
    --color-border: #2c3542;
    --color-border-strong: #3f4a59;
    --color-ink: #eef2f6;
    --color-ink-muted: #a7b1bd;
    --color-ink-faint: #74808d;
    --color-success-soft: #14301f;
    --color-warning-soft: #33280f;
    --color-danger-soft: #3a1714;
    --color-overlay: rgba(0, 0, 0, 0.7);
  }
}