/* =============================================================================
   DUI Specialist — THEME
   -----------------------------------------------------------------------------
   This is the ONLY file you need to edit to re-brand the site.

   1. Colours  — change --color-primary and --color-secondary. Every darker,
                 lighter and hover shade is derived from them automatically.
   2. Fonts    — swap the Google Fonts @import URL below, then update
                 --font-heading / --font-body to match.
   ============================================================================= */

/* ---- Fonts (edit this URL to change typefaces) ---------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&family=Manrope:wght@400..800&display=swap");

:root {
  /* ---- Brand colours ------------------------------------------------------ */
  --color-primary:   #0B1F3A;   /* deep navy — header, dark sections, footer   */
  --color-secondary: #D4AF5A;   /* gold — buttons, highlights, accents         */

  /* ---- Neutrals ----------------------------------------------------------- */
  --color-bg:       #F7F3EA;    /* page background (cream)                      */
  --color-surface:  #FFFFFF;    /* cards, form panels                           */
  --color-sand:     #EFE7D4;    /* soft highlight panels                        */
  --color-border:   #E6DFCF;
  --color-ink:      #0E1A2B;    /* main text                                    */
  --color-text:     #3A4558;    /* body copy                                    */
  --color-muted:    #5B6577;    /* captions                                     */
  --color-alert:    #9A2E1F;    /* deadline / warning accents                   */
  --color-success:  #1F6B4A;

  /* ---- Fonts -------------------------------------------------------------- */
  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- Derived shades (no need to edit) ----------------------------------- */
  --primary-deep:     color-mix(in srgb, var(--color-primary) 62%, #000);
  --primary-soft:     color-mix(in srgb, var(--color-primary) 86%, #fff);
  --primary-hover:    color-mix(in srgb, var(--color-primary) 80%, #fff);
  --on-primary:       #FFFFFF;
  --on-primary-muted: color-mix(in srgb, var(--color-primary) 22%, #fff);
  --on-primary-faint: color-mix(in srgb, var(--color-primary) 45%, #fff);
  --secondary-hover:  color-mix(in srgb, var(--color-secondary) 75%, #fff);
  --secondary-ink:    color-mix(in srgb, var(--color-secondary) 58%, #000);  /* gold text on light bg */
  --secondary-tint:   color-mix(in srgb, var(--color-secondary) 14%, #fff);
  --secondary-light:  color-mix(in srgb, var(--color-secondary) 50%, #fff);
  --on-secondary:     var(--color-primary);

  /* ---- Shape -------------------------------------------------------------- */
  --radius-sm: 10px;
  --radius:    16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --container: 1240px;
}