/* ============================================
   Design Tokens — Lenvi Letselschade
   Brand: Groen #024d40 · Goud #b49d72
   Fonts: Alice (serif) · Amiko (sans)
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Alice&family=Amiko:wght@400;600;700&display=swap');

:root {
  /* ── Brand Colors ── */
  --green-deep:   #010E0B;
  --green-dark:   #011F1A;
  --green:        #024d40;
  --green-mid:    #035940;
  --green-light:  #047A58;
  --green-pale:   #E6F2EE;

  --gold:         #B49D72;
  --gold-bright:  #C9B48A;
  --gold-light:   #D9C9A3;
  --gold-pale:    #F0E8D6;

  --cream:        #F8F5F0;
  --cream-mid:    #EDE8DF;
  --cream-deep:   #E3DDD0;
  --white:        #FFFFFF;
  --ink:          #0F1A17;
  --muted:        #6B7C77;

  /* Lines */
  --line:       rgba(2,77,64,0.09);
  --line-light: rgba(255,255,255,0.10);
  --line-gold:  rgba(180,157,114,0.25);

  /* Typography */
  --serif: 'Alice', 'Times New Roman', serif;
  --sans:  'Amiko', system-ui, sans-serif;

  /* Shadows */
  --shadow-sm:   0 2px 12px rgba(0,0,0,0.06);
  --shadow-md:   0 8px 32px rgba(0,0,0,0.10);
  --shadow-lg:   0 24px 64px rgba(0,0,0,0.16);
  --shadow-xl:   0 40px 100px rgba(0,0,0,0.25);
  --shadow-gold: 0 6px 24px rgba(180,157,114,0.28);
  --shadow-card: 0 32px 80px -12px rgba(1,14,11,0.55);

  /* Gradients */
  --grad-hero:  linear-gradient(160deg, rgba(1,14,11,0.88) 0%, rgba(2,77,64,0.72) 100%);
  --grad-dark:  linear-gradient(135deg, #011F1A 0%, #024d40 100%);
  --grad-gold:  linear-gradient(135deg, #B49D72 0%, #D9C9A3 100%);
  --grad-cream: linear-gradient(180deg, #F8F5F0 0%, #EDE8DF 100%);

  /* Layout */
  --container: 1280px;
  --radius:    6px;
  --radius-lg: 14px;
  --radius-xl: 22px;

  /* Transitions */
  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1);
  --dur:      0.28s;
}