/* =============================================================================
   Ava Front Desk — branding tokens
   Edit this file to personalize color, type, and shape.
   Layout lives in styles.css and should be left alone unless you are
   changing structure.
   ========================================================================== */

:root {
  /* Surfaces */
  --paper: #f4f3ee;
  --paper-warm: #eceae3;
  --paper-card: #ffffff;
  --ink: #142a52;
  --ink-soft: #21407a;
  --muted: rgba(20, 42, 82, 0.55);
  --muted-strong: rgba(20, 42, 82, 0.7);
  --line: rgba(20, 42, 82, 0.12);
  --line-strong: rgba(20, 42, 82, 0.25);

  /* Accent (sky marks, numbers, underline swoosh) */
  --accent: #5fa8e6;
  --accent-deep: #3d8ed1;
  --accent-soft: #d7ebf8;
  --accent-wash: #eaf4fb;

  /* Inverse (navy cards) */
  --inverse: #142a52;
  --inverse-text: #f4f3ee;
  --inverse-muted: rgba(244, 243, 238, 0.55);

  /* Type */
  --font-sans: "DM Sans", system-ui, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;

  /* Shape */
  --radius-pill: 9999px;
  --radius-card: 22px;
  --radius-panel: 18px;
  --header-h: 72px;
  --max: 1180px;
  --gutter: 28px;
}