:root {
  --color-primary:     #06B6D4;
  --color-secondary:   #10B981;
  --color-accent:      #8B5CF6;
  --color-highlight:   #E0F7FA;

  --color-text-heading: #0F172A;
  --color-text-body:    #334155;
  --color-text-muted:   #94A3B8;

  --color-bg-light: #FFFFFF;
  --color-bg-dark:  #0F172A;
  --color-bg-alt:   #F8FAFC;

  --color-border:     #E2E8F0;
  --color-link:       #06B6D4;
  --color-link-hover: #0891B2;
  --color-focus:      #06B6D4;

  --font-heading: "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, sans-serif;
  --font-display: "Inter", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --font-size-display: 72px;
  --font-size-heading: 48px;
  --font-size-body:    16px;
  --font-size-small:   14px;

  --font-weight-heading: 700;
  --font-weight-body:    400;
  --line-height-body:    1.6;
  --line-height-heading: 1.15;
  --line-height-display: 1.05;

  --section-padding:        80px;
  --section-padding-mobile: 48px;
  --container-max:          1280px;
  --container-gutter:       24px;
  --grid-gutter:            24px;
  --row-gap:                16px;

  --border-radius:      6px;
  --border-radius-btn:  6px;
  --border-radius-card: 12px;
  --border-radius-img:  8px;
  --border-color:       #E2E8F0;
  --border-width:       1px;

  --shadow-none:     none;
  --shadow-subtle:   0 2px 8px rgba(0,0,0,0.06);
  --shadow-medium:   0 4px 16px rgba(0,0,0,0.10);
  --shadow-elevated: 0 8px 32px rgba(0,0,0,0.14);

  --shadow-card: var(--shadow-subtle);
  --shadow-btn:  var(--shadow-none);

  --btn-primary-bg:     #06B6D4;
  --btn-primary-hover:  #0891B2;
  --btn-primary-active: #0E7490;
  --btn-primary-text:   #FFFFFF;
  --btn-primary-border: #06B6D4;

  --btn-secondary-bg:     #10B981;
  --btn-secondary-hover:  #059669;
  --btn-secondary-active: #047857;
  --btn-secondary-text:   #FFFFFF;
  --btn-secondary-border: #10B981;

  --btn-ghost-bg:     transparent;
  --btn-ghost-hover:  rgba(255,255,255,0.15);
  --btn-ghost-active: rgba(255,255,255,0.25);
  --btn-ghost-text:   #06B6D4;
  --btn-ghost-border: #06B6D4;

  --btn-subtle-bg:     #F0FDFA;
  --btn-subtle-hover:  #CCFBF1;
  --btn-subtle-active: #99F6E4;
  --btn-subtle-text:   #0F766E;
  --btn-subtle-border: #99F6E4;

  --btn-text-transform: none;
  --btn-font-weight:    600;
  --btn-radius:         var(--border-radius-btn);
  --btn-padding-sm: 0.375rem 0.875rem;
  --btn-padding-md: 0.625rem 1.25rem;
  --btn-padding-lg: 0.875rem 1.75rem;

  --form-input-radius: 6px;
  --form-input-border: #CBD5E1;
  --form-input-bg:          var(--color-bg-light);
  --form-input-text:        var(--color-text-body);
  --form-input-placeholder: var(--color-text-muted);
  --form-input-focus-ring:  var(--color-focus);
  --form-input-padding:     0.5rem 0.875rem;
  --form-label-size:        var(--text-sm);
  --form-label-weight:      500;

  --section-divider-color:   #E2E8F0;
  --blockquote-border-color: #06B6D4;
  --blockquote-font-style:   italic;
}