/* ==========================================================================
   ANNAM FARM — Design Tokens
   Centralized variables for colors, typography, spacing, radius, shadows
   ========================================================================== */

:root {
  /* -------- Color Palette -------- */
  --bg:             #F0EFED;   /* Primary background — warm natural cream  */
  --bg-soft:        #F7F6F3;   /* Lighter section background              */
  --brown:          #443B2C;   /* Dark brown — brand dark                  */
  --brown-deep:     #362E22;   /* Deeper brown for gradients              */
  --green:          #6E8B3D;   /* Primary green                           */
  --green-dark:     #5A7430;   /* Hover green                             */
  --green-light:    #B7D67A;   /* Light green accent                      */
  --green-mint:     #E8F0DC;   /* Very light green wash                   */
  --gold:           #C99A3A;   /* Golden accent                           */
  --gold-light:     #E8CD8F;
  --orange:         #F79D27;   /* Orange accent                           */
  --orange-soft:    #FDEEDB;
  --white:          #FFFFFF;
  --text:           #222222;   /* Primary text                            */
  --text-soft:      #55524B;
  --grey:           #777777;   /* Secondary text                          */
  --grey-light:     #A9A69E;
  --border:         #EAEAEA;   /* Hairline borders                        */
  --border-soft:    #F0EFEB;
  --danger:         #C94B3C;
  --danger-soft:    #FBEDEB;
  --success:        #6E8B3D;

  /* -------- Typography -------- */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Poppins', 'Segoe UI', sans-serif;
  --font-number:  'Inter', 'Segoe UI', sans-serif;
  --font-hand:    'Caveat', cursive;   /* handwritten accents */

  /* -------- Layout -------- */
  --container:      1400px;
  --container-pad:  24px;
  --section-pad:    96px;
  --section-pad-md: 72px;
  --header-h:       72px;

  /* -------- Radius -------- */
  --r-sm:    10px;
  --r-md:    14px;
  --r-lg:    18px;    /* primary card radius */
  --r-xl:    26px;
  --r-pill:  999px;

  /* -------- Shadows -------- */
  --shadow-xs: 0 2px 8px rgba(68, 59, 44, .06);
  --shadow-sm: 0 6px 18px rgba(68, 59, 44, .07);
  --shadow-md: 0 14px 34px rgba(68, 59, 44, .10);
  --shadow-lg: 0 24px 60px rgba(68, 59, 44, .14);
  --shadow-glow: 0 12px 34px rgba(110, 139, 61, .28);
  --shadow-green: 0 10px 26px rgba(110, 139, 61, .22);

  /* -------- Transitions -------- */
  --t-fast:  .18s cubic-bezier(.4, 0, .2, 1);
  --t-med:   .32s cubic-bezier(.34, 1.2, .4, 1);
  --t-slow:  .55s cubic-bezier(.22, 1, .36, 1);

  /* -------- Misc -------- */
  --glass: rgba(255, 255, 255, .72);
  --glass-border: rgba(255, 255, 255, .55);
}