/* ============================================================
   Colours — Ville d'Adriville
   Brand identity: a blue gradient from indigo to azure, evoking
   the Occitan sky. Base ramp + semantic aliases.
   ============================================================ */

:root {
  /* --- Brand gradient anchors --- */
  --brand-indigo: #2d23ea;
  --brand-azure: #1b84ff;
  --brand-gradient: radial-gradient(120% 140% at 80% 90%, var(--brand-indigo) 0%, var(--brand-azure) 100%);

  /* --- Brand ramp (blue) --- */
  --brand-50:  #eef2ff;
  --brand-100: #dbe4ff;
  --brand-200: #b8ccff;
  --brand-300: #85a8ff;
  --brand-400: #4f7dff;
  --brand-500: #2452ea;  /* primary */
  --brand-600: #1a3fd1;
  --brand-700: #1732a6;

  /* --- Neutrals --- */
  --ink:      #101322;   /* foreground / text */
  --slate:    #5a6178;   /* muted foreground */
  --surface:  #f4f6fb;   /* muted surface */
  --white:    #ffffff;
  --hairline: rgba(16, 19, 34, 0.1); /* border */

  /* --- Semantic status --- */
  --success:   #047857;
  --success-fg:#ffffff;
  --danger:    #d4183d;
  --danger-fg: #ffffff;

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */
  --background: var(--white);
  --foreground: var(--ink);

  --card: var(--white);
  --card-foreground: var(--ink);
  --popover: var(--white);
  --popover-foreground: var(--ink);

  --primary: var(--brand-500);
  --primary-foreground: var(--white);

  --secondary: var(--brand-50);
  --secondary-foreground: var(--brand-700);

  --muted: var(--surface);
  --muted-foreground: var(--slate);

  --accent: var(--brand-50);
  --accent-foreground: var(--brand-700);

  --destructive: var(--danger);
  --destructive-foreground: var(--danger-fg);

  --border: var(--hairline);
  --input: transparent;
  --input-background: var(--surface);
  --switch-background: #cbced4;
  --ring: var(--brand-500);
}