/*
 * Singularity theme — Saline Singularity, FRC Team 5066.
 *
 * Navy (#13163D) and hornet gold (#FCD602/#FCB415), sampled from the
 * team's 2024 mascot mark and sponsor panel.  Steel greys from the
 * hornet's armour.  Danger red (#BE1E2D) from the hornet's eye.
 *
 * Archivo is the team's chosen typeface (July 2026).  Gold on white
 * fails WCAG AA at body sizes, so gold appears only on navy fields
 * or as a fill behind navy type — never as body text on light grounds.
 */

@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@100,400;100,500;100,600;100,700;118,800;118,900&display=swap");

:root {
  --shadow-hard: 4px 4px 0 var(--color-border-strong);

  /* ── Brand: navy as primary ────────────────────────────────── */
  --color-primary:       #13163D;
  --color-primary-hover: #0c0e2d;
  --color-primary-light: #e8e9f0;
  --color-primary-text:  #ffffff;

  /* ── Brand: gold as secondary ──────────────────────────────── */
  --color-secondary:       #c49000;
  --color-secondary-hover: #a37800;
  --color-secondary-light: #fef8e1;
  --color-secondary-text:  #13163D;
  /* Gold as text: #c49000 is ~2.7:1 on --color-secondary-light. */
  --color-secondary-strong: #7a5900;

  /* ── Semantic: hornet-eye red for danger ────────────────────── */
  --color-danger:        #BE1E2D;
  --color-danger-light:  #fce8ea;
  --color-danger-text:   #4a0b11;

  /* ── Surfaces: slight navy tint ────────────────────────────── */
  --color-bg-subtle:     #f5f5f8;
  --color-bg-muted:      #ededf2;
  --color-border:        #d8d9e1;
  --color-border-strong: #c4c5d0;

  /* ── Typography: Archivo ───────────────────────────────────── */
  --font-sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* ── Corners: hard-edged ───────────────────────────────────── */
  --radius-sm:  0.125rem;
  --radius-md:  0.25rem;
  --radius-lg:  0.25rem;
  --radius-xl:  0.5rem;

  /* ── Motion: fast and mechanical ───────────────────────────── */
  --duration-fast: 100ms;
  --duration-base: 150ms;
  --duration-slow: 220ms;
  --ease-default:  cubic-bezier(0.2, 0.7, 0.3, 1);
}

/* ── Dark mode ───────────────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-primary:       #9599cc;
    --color-primary-hover: #b2b5d9;
    --color-primary-light: #1a1c35;
    --color-primary-text:  #13163D;

    --color-secondary:       #FCD602;
    --color-secondary-hover: #fde34d;
    --color-secondary-light: #2a2510;
    --color-secondary-text:  #13163D;
    --color-secondary-strong: #FCD602;

    --color-danger:        #e85c69;
    --color-danger-light:  #3d0f15;
    --color-danger-text:   #fcd0d4;

    --color-bg-subtle:     #2a2c3a;
    --color-bg-muted:      #232536;
    --color-border:        #3d3f52;
    --color-border-strong: #53556b;

  }
}

:root[data-theme="dark"] {
  --color-primary:       #9599cc;
  --color-primary-hover: #b2b5d9;
  --color-primary-light: #1a1c35;
  --color-primary-text:  #13163D;

  --color-secondary:       #FCD602;
  --color-secondary-hover: #fde34d;
  --color-secondary-light: #2a2510;
  --color-secondary-text:  #13163D;
  --color-secondary-strong: #FCD602;

  --color-danger:        #e85c69;
  --color-danger-light:  #3d0f15;
  --color-danger-text:   #fcd0d4;

  --color-bg-subtle:     #2a2c3a;
  --color-bg-muted:      #232536;
  --color-border:        #3d3f52;
  --color-border-strong: #53556b;

}