/*
 * Saldera brand tokens.
 *
 * COPIED VERBATIM from the product on 2026-09-17:
 *   Cloud-X/apps/web/app/globals.css  (Tailwind v4 @theme block)
 *
 * These are the post-WCAG-AA values from the 2026-06-17 remediation pass.
 * This file is a copy, not a source. If the app's palette changes, this
 * drifts silently — re-copy it rather than editing values here.
 *
 * The house rule from the product's UX.md applies to this site too:
 *   BLUE IS ACTION ONLY. Never a decorative fill, border, or heading colour.
 */

:root {
  /* surfaces */
  --bg: #f6f8fb;
  --surface: #ffffff;
  --sunken: #f1f4f9;
  --surface-hover: #e8edf5;

  /* lines */
  --border: #e6e9ef;
  --border-strong: #d7dce5;

  /* ink */
  --text: #1a1f36;
  --text-2: #3c4257;
  --text-muted: #525e6e;
  --text-dim: #646f80;

  /* action */
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-active: #1e40af;
  --accent-dim: #eef3fe;

  /* meaning */
  --success: #047857;
  --warning: #ab4a0a;
  --critical: #c81e1e;
  --info: #0e7490;

  /* form */
  --radius-sm: 0.375rem;
  --radius: 0.5rem;
  --radius-lg: 0.75rem;

  /* the product's shadows are blue-black, not neutral — part of the character */
  --shadow-sm: 0 1px 2px rgba(16, 24, 64, 0.05);
  --shadow-md: 0 1px 2px rgba(16, 24, 64, 0.05), 0 4px 14px rgba(16, 24, 64, 0.06);

  --transition: 150ms ease;

  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  color-scheme: light;
}

/*
 * Dark theme. The product is light-first, but it ships a full dark palette and
 * a visitor on a dark OS should not be flash-banged by the front door.
 * Guarded with :not([data-theme='light']) so an explicit choice always wins.
 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0d1117;
    --surface: #161b22;
    --sunken: #1c2128;
    --surface-hover: #21262d;

    --border: #2a3038;
    --border-strong: #3a424d;

    --text: #e6edf3;
    --text-2: #c9d1d9;
    --text-muted: #9aa5b1;
    --text-dim: #818c98;

    --accent: #589bff;
    --accent-hover: #6fa8ff;
    --accent-active: #4c8dff;
    --accent-dim: #15294d;

    --success: #3fb950;
    --warning: #e3953f;
    --critical: #f87171;
    --info: #56cfe1;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 14px rgba(0, 0, 0, 0.5);

    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0d1117;
  --surface: #161b22;
  --sunken: #1c2128;
  --surface-hover: #21262d;
  --border: #2a3038;
  --border-strong: #3a424d;
  --text: #e6edf3;
  --text-2: #c9d1d9;
  --text-muted: #9aa5b1;
  --text-dim: #818c98;
  --accent: #589bff;
  --accent-hover: #6fa8ff;
  --accent-active: #4c8dff;
  --accent-dim: #15294d;
  --success: #3fb950;
  --warning: #e3953f;
  --critical: #f87171;
  --info: #56cfe1;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 14px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}