/* =============================================================
   tokens.css — Design tokens for Sua Fono Online
   ============================================================= */

:root {
  /* Brand colors */
  --green:         #1a7a4a;
  --green-light:   #22a863;
  --green-pale:    #e8f5ee;
  --green-dark:    #145e38;
  --green-hover:   #18a05a;

  /* Semantic text */
  --text:          #0f1f17;
  --text-muted:    #4a6357;
  --text-light:    #7a9688;

  /* Surfaces & borders */
  --bg:            #f7fbf9;
  --surface:       #ffffff;
  --border:        #d4e8dc;
  --border-light:  #eaf4ef;

  /* Status colors */
  --success:       #22a863;
  --success-pale:  #e8f5ee;
  --error:         #c0392b;
  --error-pale:    #fdf0ee;
  --warning:       #d4860a;
  --warning-pale:  #fdf5e6;
  --info:          #2980b9;
  --info-pale:     #eaf4fb;

  /* Typography */
  --font-heading:  'Playfair Display', Georgia, serif;
  --font-body:     'DM Sans', system-ui, sans-serif;

  /* Sizing */
  --radius-sm:     8px;
  --radius-input:  12px;
  --radius-card:   24px;
  --radius-badge:  100px;

  /* Shadows */
  --shadow-sm:     0 1px 3px rgba(15, 31, 23, 0.06), 0 1px 2px rgba(15, 31, 23, 0.04);
  --shadow-md:     0 4px 16px rgba(15, 31, 23, 0.08), 0 2px 6px rgba(15, 31, 23, 0.05);
  --shadow-lg:     0 12px 40px rgba(15, 31, 23, 0.12), 0 4px 12px rgba(15, 31, 23, 0.06);

  /* Transitions */
  --transition:    0.2s ease;
  --transition-slow: 0.35s ease;

  /* Spacing scale */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
}