/* ============================================================
   SECURITON brand skin over Domain tokens.
   Loaded AFTER tokens/theming.css so it wins the cascade.
   Primary = Securiton green #007831 · Accent = lime #C3D200
   Fonts = Raleway (headings) + Lato (body). Mono stays Geist Mono.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Raleway:wght@400;500;600;700;800&display=swap');

:root {
  /* Brand ramp → Securiton green */
  --brand-50:  #e5f1ea;
  --brand-100: #c2e0cf;
  --brand-200: #8ec8a6;
  --brand-300: #4faa74;
  --brand-400: #148c4c;
  --brand-500: #007831;
  --brand-600: #006629;
  --brand-700: #005422;
  --brand-800: #00431b;
  --brand-900: #003415;

  /* Accent ramp → Securiton lime (signals / highlights) */
  --accent-50:  #f6f9df;
  --accent-100: #ecf2b0;
  --accent-200: #dde873;
  --accent-300: #ccdb2f;
  --accent-400: #c3d200;
  --accent-500: #aebc00;
  --accent-600: #8f9a00;
  --accent-700: #6c7400;
  --accent-800: #545a00;

  /* Keep the derived-hue system in sync in case anything reads it */
  --brand-hue: 150;
  --brand-chroma: 0.15;
  --accent-hue: 118;
  --accent-chroma: 0.15;

  /* Selection / focus tuned to green */
  --focus-ring: var(--brand-400);
  --shadow-focus: 0 0 0 3px rgba(0, 120, 49, 0.26);

  /* Fonts */
  --font-sans:    "Lato", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-heading: "Raleway", "Lato", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Raleway", "Lato", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Lato", ui-sans-serif, system-ui, sans-serif;

  /* Securiton secondary teal — available for accents where needed */
  --securiton-teal: #1abc9c;
  --securiton-teal-fg: #0e7a63;
  --securiton-teal-bg: #e6f8f4;
}

::selection { background: var(--brand-100); color: var(--text-primary); }