/* ==========================================================================
   BeetBeans design tokens.

   The single source of these values is the Flutter app
   (beetbeans-mobility/lib/utils/color_const.dart and elevation_const.dart).
   Kept in one file so the web pages that adopt the app's look — recipe,
   privacy, FAQ — can't drift apart from each other.

   Type roles are the app's and are deliberate:
     Fraunces   display serif — page/dish titles only, never UI chrome
     Outfit     all interface and body text
     Space Mono anything measured (times, quantities), tabular figures on
   ========================================================================== */

:root {
    /* Palette — Cardamom / Turmeric / Paper */
    --cardamom: #0B4433;
    --cardamom-strong: #073226;
    --turmeric: #C98A22;

    /* Turmeric is an accent, not a text colour. At #C98A22 it measures 2.94
       against white and 2.54 against its own tint — well under the 4.5 WCAG
       asks of body text. This is the darkest-but-closest tone that clears 4.5
       on every ground it is actually used on (white 5.91, paper 5.49, tile
       5.01, turmeric-bg 5.11). Use --turmeric for fills, borders, dots and
       rules; use this whenever it is a word. */
    --turmeric-text: #8A5A10;
    --turmeric-bg: #FBEDD3;
    --paper: #F5F7F3;
    --ink: #142019;
    --chili: #B23B2C;

    --divider: #DCE4DC;
    --cement-grey: #55645C;
    --dark-grey: #3F4C45;
    --arrow-grey: #8B978F;
    --tile-green: #E6EEE9;
    --light-green: #C6DCD6;

    /* Radii — logical px, matching AppRadius. */
    --r-sm: 8px;
    --r-md: 13px;
    --r-lg: 18px;
    --r-xl: 22px;

    /* Shadows are tinted toward the primary green, never pure black — that's
       what keeps them from reading as grey smudges on the warm ground. */
    --shadow-card: 0 2px 10px rgba(11, 68, 51, 0.06);
    --shadow-raised: 0 6px 20px rgba(11, 68, 51, 0.16);

    --font-display: "Fraunces", Georgia, "Times New Roman", serif;
    --font-ui: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    --font-data: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}