/* ============================================================
   Shared design tokens
   ============================================================
   The Standards Module calls for a Material Design 3 token set
   (blue primary, Google Sans Flex). This app's editorial "scroll
   of paper" look was already built and approved before this
   module existed, so rather than swap the visual identity out
   from under a working, liked product, this file gives the
   REQUIRED token names + shared-file/8dp-grid/rounded-corner
   infrastructure the guide asks for, mapped onto the brand's own
   palette. See docs/features/design-system.md for the reasoning
   (an ADR-lite note, as the Documentation Guide asks for whenever
   an app knowingly deviates).
   ============================================================ */
:root {
    /* Guide-standard names, mapped to this app's brand colors */
    --color-primary: #355E66;           /* brand teal — was --brand */
    --color-primary-container: #E7EFEE;
    --color-secondary: #B8934B;         /* gold accent — was --gold */
    --color-surface: #FFFFFF;
    --color-background: #FAFAF7;        /* was --paper */
    --color-on-surface: #1B2430;        /* was --ink */
    --color-on-surface-muted: #6B7280;  /* was --muted */
    --color-outline: #E7E3DA;           /* was --line */
    --color-error: #B3261E;
    --color-success: #146C2E;

    --font-family-base: 'Inter', 'Google Sans Flex', 'Roboto', system-ui, sans-serif;
    --font-family-display: 'Fraunces', 'Google Sans Flex', serif;
    --font-size-base: 16px;

    --spacing-unit: 8px;      /* Material's 8dp grid */
    --radius-base: 14px;
    --elevation-1: 0 1px 2px rgba(0,0,0,0.10), 0 1px 3px 1px rgba(0,0,0,0.06);

    --breakpoint-mobile: 360px;
    --breakpoint-tablet: 768px;
    --breakpoint-desktop: 1024px;
}