/* JB Prestige — Design tokens
   Brand: forest green #1B4B2F (trust, stability) + gold #B8922A (prestige, value) */

:root {
  /* ---- Green scale ---- */
  --green-50:  #F1F8F4;
  --green-100: #E0F0E7;
  --green-200: #BCDBC9;
  --green-300: #8FBFA4;
  --green-400: #5C9B77;
  --green-500: #347A52;
  --green-600: #245F3D;
  --green-700: #1B4B2F;
  --green-800: #143A24;
  --green-900: #0E2A1A;

  /* ---- Gold scale ---- */
  --gold-50:  #FBF7EA;
  --gold-100: #F6EDCF;
  --gold-200: #ECDAA3;
  --gold-300: #DEC272;
  --gold-400: #CCA748;
  --gold-500: #B8922A;
  --gold-600: #9C7B20;
  --gold-700: #7C611A;
  --gold-800: #5C4814;
  --gold-900: #3E300D;

  /* ---- Neutrals (warm-green tinted) ---- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F7F8F7;
  --neutral-100: #EEF1EF;
  --neutral-200: #DEE3E0;
  --neutral-300: #C4CBC6;
  --neutral-400: #9BA39D;
  --neutral-500: #79817B;
  --neutral-600: #5B635D;
  --neutral-700: #434B45;
  --neutral-800: #2B312D;
  --neutral-900: #161A17;

  /* ---- Status ---- */
  --success-500: #2E7349;
  --success-100: #DDEFE4;
  --danger-500:  #B23B3B;
  --danger-100:  #F6E0E0;

  /* ---- Semantic aliases ---- */
  --color-bg:            var(--neutral-0);
  --color-bg-sunken:     var(--neutral-50);
  --color-bg-inverse:    var(--green-900);
  --surface-card:        var(--neutral-0);

  --color-border:        var(--neutral-200);
  --color-border-strong: var(--neutral-300);

  --text-strong:         var(--neutral-900);
  --text-body:           var(--neutral-700);
  --text-muted:          var(--neutral-500);
  --text-on-dark:        var(--neutral-0);
  --text-on-dark-muted:  #B7C6BC;
  --text-accent:         var(--gold-600);

  /* ---- Typography ---- */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ---- Shadows ---- */
  --shadow-sm:  0 1px 3px rgba(14,42,26,.08), 0 1px 2px rgba(14,42,26,.04);
  --shadow-md:  0 4px 12px rgba(14,42,26,.08), 0 2px 4px rgba(14,42,26,.05);
  --shadow-lg:  0 12px 28px rgba(14,42,26,.12), 0 4px 8px rgba(14,42,26,.06);
  --shadow-xl:  0 24px 48px rgba(14,42,26,.16), 0 8px 16px rgba(14,42,26,.08);
  --shadow-hero: 0 28px 60px -28px rgba(14,42,26,.5);
  --shadow-card: 0 24px 50px -26px rgba(14,42,26,.45);

  /* ---- Motion ---- */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:   120ms;
  --duration-normal: 200ms;
  --duration-slow:   320ms;

  /* ---- Focus ---- */
  --focus-ring: 0 0 0 3px rgba(184,146,42,.4);

  /* ---- Spacing ---- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* ---- Border radius ---- */
  --radius-sm:  0.5rem;
  --radius-md:  0.75rem;
  --radius-lg:  1rem;
  --radius-xl:  1.125rem;
  --radius-2xl: 1.375rem;
  --radius-full: 9999px;
}