@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
  /* Brand */
  --color-primary:    #2563EB;
  --color-primary-h:  #1D4ED8;
  --color-primary-light: #DBEAFE;
  --color-accent:     #059669;
  --color-accent-light: #D1FAE5;

  /* Calendar semantic */
  --color-holiday:    #DC2626;
  --color-holiday-bg: #FEF2F2;
  --color-holiday-border: #FCA5A5;
  --color-weekend:    #DC2626;
  --color-weekend-bg: #FEF2F2;
  --color-weekend-border: #FCA5A5;
  --color-work:       #0F172A;
  --color-work-bg:    #FFFFFF;
  --color-transfer:   #F59E0B;
  --color-transfer-bg:#FEF3C7;

  /* Neutral */
  --color-bg:         #F8FAFC;
  --color-surface:    #FFFFFF;
  --color-surface-2:  #F1F5F9;
  --color-border:     #E2E8F0;
  --color-border-strong: #CBD5E1;
  --color-text:       #0F172A;
  --color-text-2:     #334155;
  --color-muted:      #64748B;

  --color-success:    #059669;
  --color-error:      #DC2626;

  /* Typography */
  --font-heading: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:    'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-sans:    var(--font-body);
  --font-mono:    'SF Mono', Menlo, Consolas, monospace;

  /* Scale */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  /* Shadow */
  --shadow-xs:  0 1px 2px rgba(15,23,42,.04);
  --shadow-sm:  0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);
  --shadow-md:  0 4px 6px -1px rgba(15,23,42,.07), 0 2px 4px -2px rgba(15,23,42,.05);
  --shadow-lg:  0 10px 15px -3px rgba(15,23,42,.08), 0 4px 6px -4px rgba(15,23,42,.05);
  --shadow-card: var(--shadow-sm);

  /* Layout */
  --container: 1200px;
  --container-narrow: 880px;
  --gap:       24px;
  --gap-sm:    16px;
  --gap-lg:    32px;

  /* Z-index */
  --z-header: 50;
  --z-banner: 100;
  --z-modal:  9999;
}

html { color-scheme: light; }
body { font-family: var(--font-body); background: var(--color-bg); color: var(--color-text); }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-heading); letter-spacing: -0.02em; color: var(--color-text); }