/*
 * TecjuridicosApp brand tokens — the only file to edit for brand changes.
 *
 * Palette: official TEC Jurídicos manual swatches #002b6a, #027cc6,
 * #989795, #c4c8cb. Gradients follow the manual (navy → blue → navy,
 * silver → light silver). The wordmark typeface is approximated with the
 * Google Font "Michroma" until the manual's font name is confirmed.
 */
:root {
  /* Typography */
  --font-heading: "Michroma", "Eurostile", "Arial Black", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-document: Georgia, "Times New Roman", serif;   /* legal draft body */

  /* Core palette (official manual swatches) */
  --brand-navy: #002b6a;
  --brand-blue: #027cc6;
  --brand-silver: #989795;
  --brand-silver-light: #c4c8cb;
  --brand-black: #101010;

  --brand-primary: var(--brand-navy);
  --brand-primary-ink: #ffffff;
  --brand-accent: var(--brand-silver);
  --brand-accent-ink: var(--brand-navy);
  --brand-header-bg: linear-gradient(90deg, var(--brand-navy) 0%, var(--brand-blue) 50%, var(--brand-navy) 100%);
  --brand-silver-gradient: linear-gradient(90deg, var(--brand-silver) 0%, var(--brand-silver-light) 50%, var(--brand-silver) 100%);
  --heading: var(--brand-navy);

  /* Surfaces & text */
  --bg: #f3f5f8;
  --surface: #ffffff;
  --surface-muted: #eceef1;
  --border: var(--brand-silver-light);
  --text: #101010;
  --text-muted: #555a63;

  /* Status */
  --ok: #2e7d4f;
  --warn: #a8670a;
  --error: #b3261e;
  --fill-highlight: #fff1b8;     /* [FILL: …] markers */
  --link: var(--brand-navy);

  --radius: 14px;
  --shadow: 0 1px 2px rgba(0, 43, 106, .06), 0 8px 24px rgba(0, 43, 106, .08);
  --sidebar-bg: linear-gradient(180deg, #001c48 0%, var(--brand-navy) 55%, #013a86 100%);
  --nav-foot-bg: #013a86;
  --sidebar-ink: #c4c8cb;
  --app-bg: radial-gradient(1200px 600px at 100% 0%, rgba(2, 124, 198, .08), transparent 60%), var(--bg);
  --auth-bg: radial-gradient(900px 600px at 15% 10%, rgba(2, 124, 198, .55), transparent 60%),
             radial-gradient(800px 600px at 90% 90%, rgba(196, 200, 203, .25), transparent 60%),
             linear-gradient(135deg, #001233 0%, #002b6a 55%, #014a9a 100%);
  --glass: rgba(255, 255, 255, .08);
  --glass-border: rgba(255, 255, 255, .18);
  --command-bg: linear-gradient(135deg, #001a42 0%, var(--brand-navy) 60%, #013e86 100%);
  --command-tile: rgba(255, 255, 255, .06);
  --k1: #4fb0ee; --k2: #34d1bf; --k3: #f5b84b; --k4: #c4c8cb; --k5: #8fa8ff;
  --on-dark: #eef2f7;
  --on-dark-muted: #b9c3d0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0a0a0b;
    --surface: #141518;
    --surface-muted: #1e2025;
    --border: #3a3d44;
    --text: #e9eaec;
    --text-muted: var(--brand-silver-light);
    --brand-primary: var(--brand-blue);
    --heading: var(--brand-silver-light);
    --fill-highlight: #5a4a12;
    --link: #4fb0ee;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);
    --sidebar-bg: linear-gradient(180deg, #050a14 0%, #001c48 100%);
    --nav-foot-bg: #001c48;
    --app-bg: radial-gradient(1200px 600px at 100% 0%, rgba(2, 124, 198, .12), transparent 60%), var(--bg);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a0a0b;
  --surface: #141518;
  --surface-muted: #1e2025;
  --border: #3a3d44;
  --text: #e9eaec;
  --text-muted: var(--brand-silver-light);
  --brand-primary: var(--brand-blue);
  --heading: var(--brand-silver-light);
  --fill-highlight: #5a4a12;
  --link: #4fb0ee;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);
    --sidebar-bg: linear-gradient(180deg, #050a14 0%, #001c48 100%);
    --nav-foot-bg: #001c48;
    --app-bg: radial-gradient(1200px 600px at 100% 0%, rgba(2, 124, 198, .12), transparent 60%), var(--bg);
}