/* ============================================================
   Cura Design Tokens v1
   Popcorn-inspired premium minimal — adapted for healthcare
   Serif headlines + Sans body, pastel accents, noise textures
   ============================================================ */

:root {
  /* ── Background Layers ── */
  --cura-bg:            #f8f8f6;
  --cura-bg-elevated:   #ffffff;
  --cura-bg-subtle:     #f2f2f0;
  --cura-bg-hover:      #ededeb;
  --cura-bg-dark:       #1a1a1a;
  --cura-bg-dark-2:     #2a2a2a;

  /* ── Feature Card Pastels (Popcorn 3-card pattern) ── */
  --cura-accent-green:  #e7f5ef;
  --cura-accent-blue:   #e3eef8;
  --cura-accent-purple: #eee9f5;
  --cura-accent-coral:  #f5e9e7;

  /* ── Primary (medical trust blue) ── */
  --cura-primary:       #2563eb;
  --cura-primary-hover: #1d4ed8;
  --cura-primary-light: #dbeafe;
  --cura-primary-glow:  rgba(37, 99, 235, 0.15);

  /* ── Text (warm charcoal, NOT pure black) ── */
  --cura-ink:           #2a2a2a;
  --cura-ink-soft:      #5a5a5a;
  --cura-ink-muted:     #8a8a8a;
  --cura-ink-faint:     #b8b8b8;

  /* ── Status ── */
  --cura-green:         #10b981;
  --cura-green-glow:    rgba(16, 185, 129, 0.08);
  --cura-amber:         #f59e0b;
  --cura-amber-glow:    rgba(245, 158, 11, 0.08);
  --cura-red:           #ef4444;
  --cura-red-glow:      rgba(239, 68, 68, 0.08);

  /* ── Borders ── */
  --cura-border:        #e5e5e3;
  --cura-border-light:  rgba(0, 0, 0, 0.06);
  --cura-border-dark:   rgba(255, 255, 255, 0.08);

  /* ── Rainbow gradient (Popcorn eyebrow pill halo) ── */
  --cura-rainbow: conic-gradient(
    from 0deg,
    #e7f5ef, #e3eef8, #eee9f5, #f5e9e7, #e7f5ef
  );

  /* ── Typography ── */
  --cura-font-serif: 'Source Serif 4', Georgia, serif;
  --cura-font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --cura-font-mono:  'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;

  /* ── Type Scale ── */
  --cura-text-hero:    clamp(3rem, 6vw, 5.25rem);
  --cura-text-display: clamp(2.25rem, 4vw, 3.625rem);
  --cura-text-h1:      clamp(1.75rem, 3vw, 2.5rem);
  --cura-text-h2:      clamp(1.375rem, 2.2vw, 1.875rem);
  --cura-text-h3:      1.25rem;
  --cura-text-h4:      1.125rem;
  --cura-text-body:    1.0625rem;
  --cura-text-small:   0.9375rem;
  --cura-text-micro:   0.8125rem;
  --cura-text-nano:    0.75rem;

  /* ── Letter Spacing (Popcorn: tight -3% for headlines) ── */
  --cura-tracking-tight:   -0.025em;
  --cura-tracking-tighter: -0.03em;
  --cura-tracking-wide:    0.06em;

  /* ── Line Heights ── */
  --cura-leading-tight:   1.1;
  --cura-leading-snug:    1.3;
  --cura-leading-normal:  1.6;
  --cura-leading-relaxed: 1.75;

  /* ── Font Weights (Popcorn: serif headlines NOT bold) ── */
  --cura-weight-normal:   400;
  --cura-weight-medium:   500;
  --cura-weight-semibold: 600;
  --cura-weight-bold:     700;

  /* ── Spacing (8px baseline) ── */
  --cura-space-1:  4px;
  --cura-space-2:  8px;
  --cura-space-3:  12px;
  --cura-space-4:  16px;
  --cura-space-5:  20px;
  --cura-space-6:  24px;
  --cura-space-8:  32px;
  --cura-space-10: 40px;
  --cura-space-12: 48px;
  --cura-space-16: 64px;
  --cura-space-20: 80px;
  --cura-space-24: 96px;

  /* ── Border Radius Hierarchy (Popcorn pattern) ── */
  --cura-radius-section: 64px;
  --cura-radius-banner:  32px;
  --cura-radius-card:    16px;
  --cura-radius-sm:      12px;
  --cura-radius-xs:      8px;
  --cura-radius-pill:    100px;

  /* ── Shadows ── */
  --cura-shadow-xs:   0 1px 2px rgba(0, 0, 0, 0.04);
  --cura-shadow-sm:   0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --cura-shadow:      0 4px 12px rgba(0, 0, 0, 0.06);
  --cura-shadow-md:   0 8px 24px rgba(0, 0, 0, 0.08);
  --cura-shadow-lg:   0 16px 48px rgba(0, 0, 0, 0.12);
  --cura-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);

  /* ── Layout ── */
  --cura-container:    1200px;
  --cura-container-sm: 720px;
  --cura-container-md: 960px;
  --cura-nav-height:   72px;
  --cura-sidebar-width:260px;

  /* ── Transitions ── */
  --cura-ease:         cubic-bezier(0.4, 0, 0.2, 1);
  --cura-ease-out:     cubic-bezier(0, 0, 0.2, 1);
  --cura-ease-bounce:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --cura-ease-smooth:  cubic-bezier(0.645, 0.045, 0.355, 1);
  --cura-duration-fast:150ms;
  --cura-duration:     200ms;
  --cura-duration-slow:300ms;
  --cura-duration-reveal: 650ms;

  /* ── Z-Index ── */
  --cura-z-base:     0;
  --cura-z-elevated: 10;
  --cura-z-sticky:   100;
  --cura-z-overlay:  200;
  --cura-z-modal:    300;
  --cura-z-toast:    400;
}