/* CEC Emirates website tokens, dark edition. Palette from the client: maroon, graphite, sand, rose, ice. */
:root {
  color-scheme: dark;

  /* Palette */
  --maroon: #730217;
  --graphite: #2b2829;
  --sand: #e6c88a;
  --rose: #c8475e;
  --ice: #cbedfa;

  /* Grounds */
  --ground: #141113;        /* page: warm near-black, darker than graphite */
  --ground-raised: #1d191b; /* panels */
  --band: #2b2829;          /* drawing panel */

  /* Text */
  --ink: #f4f1f1;           /* 17:1 on ground */
  --ink-muted: #aea6a7;     /* 7.6:1 on ground */
  --ink-faint: #7d7476;     /* 4.6:1 on ground, captions only */

  /* Lines */
  --line: rgba(244, 241, 241, 0.12);
  --line-strong: rgba(244, 241, 241, 0.32);
  --grid: rgba(244, 241, 241, 0.045);

  /* Accents */
  --accent: var(--sand);    /* active codes, highlights on dark */
  --focus: var(--sand);
  --danger: #f97066;
  --success: #5cc994;

  /* Type */
  --font-serif: "Newsreader", "Times New Roman", Georgia, serif;
  --font-serif-italic: "Instrument Serif", "Times New Roman", Georgia, serif;
  --font-sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  /* Layout */
  --container: 1440px;
  --gutter: clamp(16px, 4vw, 72px);
  --section: clamp(96px, 14vw, 200px);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}