/* Coreva — design tokens
   Palette + type from the ui-ux-pro-max design system:
   "calm cyan + health green" wellness pairing (Lora / Raleway). */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Raleway:wght@300;400;500;600;700;800&display=swap');

:root {
  /* brand */
  --primary:        #0891B2;
  --primary-dark:   #0E7490;
  --primary-soft:   #22D3EE;
  --accent:         #059669;
  --accent-soft:    #34D399;
  --gold:           #F59E0B;

  /* surfaces */
  --bg:             #ECFEFF;
  --bg-alt:         #F7FEFF;
  --surface:        #FFFFFF;
  --surface-2:      #F1FAFD;
  --glass:          rgba(255, 255, 255, .72);

  /* ink */
  --fg:             #164E63;
  --fg-muted:       #5B7F8E;
  --fg-faint:       #8AA9B5;
  --on-brand:       #FFFFFF;

  /* lines + state */
  --border:         #D3F1F8;
  --border-strong:  #A5F3FC;
  --success:        #059669;
  --danger:         #DC2626;
  --warning:        #D97706;

  /* gradients */
  --grad-brand: linear-gradient(135deg, #0891B2 0%, #22D3EE 55%, #34D399 130%);
  --grad-soft:  linear-gradient(135deg, rgba(8,145,178,.10), rgba(52,211,153,.12));
  --grad-glow:  radial-gradient(ellipse 60% 50% at 50% 0%, rgba(34,211,238,.30), transparent 70%);

  /* radii + elevation */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-pill: 999px;
  --shadow-xs: 0 1px 2px rgba(22,78,99,.06);
  --shadow-sm: 0 2px 10px rgba(22,78,99,.07);
  --shadow-md: 0 10px 30px rgba(22,78,99,.10);
  --shadow-lg: 0 24px 60px rgba(22,78,99,.14);
  --ring: 0 0 0 4px rgba(8,145,178,.22);

  /* type */
  --font-display: 'Lora', ui-serif, Georgia, serif;
  --font-body: 'Raleway', ui-sans-serif, system-ui, -apple-system, sans-serif;

  /* icons */
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;

  /* rhythm */
  --gap-1: 4px;  --gap-2: 8px;  --gap-3: 12px; --gap-4: 16px;
  --gap-5: 24px; --gap-6: 32px; --gap-7: 48px; --gap-8: 64px;
  --shell: 1140px;
  --ease: cubic-bezier(.16, 1, .3, 1);
}

[data-theme="dark"] {
  --bg:            #08161C;
  --bg-alt:        #0B1D25;
  --surface:       #0F242E;
  --surface-2:     #12303C;
  --glass:         rgba(15, 36, 46, .74);
  --fg:            #E6F6FA;
  --fg-muted:      #9CC2CE;
  --fg-faint:      #6E95A3;
  --border:        rgba(165, 243, 252, .14);
  --border-strong: rgba(165, 243, 252, .26);
  --primary:       #22D3EE;
  --primary-dark:  #0891B2;
  --accent:        #34D399;
  --on-brand:      #06222B;
  --shadow-sm: 0 2px 10px rgba(0,0,0,.35);
  --shadow-md: 0 10px 30px rgba(0,0,0,.45);
  --shadow-lg: 0 24px 60px rgba(0,0,0,.55);
}