/* ===================================================================
   AS PROXIMA: the one place to change the look.
   The website, the admin page, the mail app and the animated sky all
   read these values. Edit, then run ./deploy.sh from the project root.

   Colors are written twice: as a hex value and as plain "R, G, B"
   numbers (the *-rgb lines). The numbers let a color be used with
   transparency (rgba(var(--gold-rgb), .2)). Keep each pair in sync.
   =================================================================== */

@font-face { font-family: "Outfit"; src: url(fonts/Outfit.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Gloock"; src: url(fonts/Gloock.woff2) format("woff2"); font-weight: 400; font-display: swap; }

:root {
  /* ---- fonts ---- */
  --font-display: "Gloock", Georgia, "Times New Roman", serif;          /* big headings */
  --font-body: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* everything else */
  --weight-body: 300;      /* body text */
  --weight-ui: 400;        /* menus, buttons, labels */
  --weight-strong: 500;    /* small emphasis (unread mail, h3) */
  --weight-display: 400;   /* Gloock only has 400 */

  /* ---- background ---- */
  --black: #000000;        --black-rgb: 0, 0, 0;
  --surface: #0e0e0e;      --surface-rgb: 16, 16, 16;     /* cards, panels */
  --surface-2: #0d0d0d;    /* dialogs */

  /* ---- text ---- */
  --cream: #f3e6cf;        --cream-rgb: 243, 230, 207;    /* main text */
  --cream-dim: #dccfb8;    /* secondary text */
  --star-rgb: 255, 246, 225;                              /* star light */

  /* ---- brand colors (from the ASP cards) ---- */
  --highlight: #ffd98a;    --highlight-rgb: 255, 217, 138; /* top of gold buttons */
  --gold: #f2b45e;         --gold-rgb: 242, 180, 94;       /* accents, lines, active links */
  --amber: #f59a30;        --amber-rgb: 245, 154, 48;
  --copper: #d8621a;       --copper-rgb: 216, 98, 26;
  --wine-light: #e2485e;   --wine-light-rgb: 226, 72, 94;
  --wine: #b41c38;         --wine-rgb: 180, 28, 56;
  --burgundy: #8c0e28;     --burgundy-rgb: 140, 14, 40;
  --on-accent: #1a0a04;    /* text on gold/copper buttons */
  --warning-text: #f3c6cc; /* text on the "unverified sender" bar */

  /* ---- status (analytics page: good / needs work / poor; always shown with a word) ---- */
  --good: #0ca30c;
  --warn: #fab219;
  --bad: #d03b3b;

  /* ---- shared building blocks ---- */
  --line: rgba(var(--gold-rgb), .22);                      /* borders */
  --glass: rgba(var(--surface-rgb), .55);                  /* see-through cards */
  --button: linear-gradient(180deg, var(--highlight), var(--amber) 45%, var(--copper));
  --button-glow: 0 6px 30px rgba(var(--copper-rgb), .35);

  /* ---- file badges in the mail app (not brand colors) ---- */
  --file-doc: linear-gradient(180deg, #9ec3ff, #3d6fd1);
  --file-sheet: linear-gradient(180deg, #a8e6b5, #2f8f4e);
  --file-slides: linear-gradient(180deg, #ffc29e, #d2541f);
  --file-pdf: linear-gradient(180deg, var(--wine-light), var(--burgundy));

  color-scheme: dark;
}