/*
 * drsujeeth.com Visual System
 * Version: 2.0.0
 * Purpose: semantic color, type, spacing, radius, shadow, and state tokens.
 */

:root {
  color-scheme: light;

  --ds-ink: #061a2f;
  --ds-ink-2: #0b1f3a;
  --ds-ink-3: #183452;
  --ds-text: #102033;
  --ds-text-muted: #45566c;
  --ds-text-soft: #5a697b;

  --ds-navy-950: #061728;
  --ds-navy-900: #0b1f3a;
  --ds-navy-850: #102a43;
  --ds-navy-800: #163554;

  --ds-teal-950: #041f19;
  --ds-teal-900: #053020;
  --ds-teal-850: #063f31;
  --ds-teal-800: #075e54;
  --ds-teal-700: #0b6b5b;

  --ds-blue-700: #1c639d;
  --ds-blue-800: #134b79;

  --ds-gold-900: #5f4308;
  --ds-gold-800: #73510b;
  --ds-gold-700: #84620f;
  --ds-gold-600: #9b7418;
  --ds-gold-400: #d8b764;
  --ds-gold-300: #ecd894;

  --ds-success-900: #064e3b;
  --ds-success-800: #075e54;
  --ds-success-700: #0f766e;
  --ds-success-100: #dff7ee;

  --ds-danger-700: #b42318;
  --ds-danger-100: #fde8e6;

  --ds-white: #ffffff;
  --ds-surface: #fdfbf7;
  --ds-surface-2: #f6f8f9;
  --ds-surface-3: #eef4f6;
  --ds-card: #ffffff;
  --ds-card-tint: #fbfcfd;
  --ds-border: #d8e1e7;
  --ds-border-strong: #b9c7d2;

  --ds-on-dark: #ffffff;
  --ds-on-dark-muted: #d9e7ef;
  --ds-on-dark-soft: #bfd2df;
  --ds-on-dark-accent: #f2d889;

  --ds-overlay-strong: rgba(6, 23, 40, 0.74);
  --ds-overlay-medium: rgba(6, 23, 40, 0.62);
  --ds-overlay-soft: rgba(6, 23, 40, 0.42);

  --ds-focus: #1c639d;
  --ds-disabled-bg: #dce5eb;
  --ds-disabled-text: #627386;

  --ds-font-sans: "IBM Plex Sans", "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ds-font-serif: "Libre Baskerville", "Playfair Display", Georgia, serif;
  --ds-font-local: "Noto Sans Telugu", "Noto Sans Devanagari", var(--ds-font-sans);

  --ds-leading-tight: 1.12;
  --ds-leading-heading: 1.18;
  --ds-leading-body: 1.68;
  --ds-leading-compact: 1.45;

  --ds-radius-xs: 4px;
  --ds-radius-sm: 6px;
  --ds-radius-md: 8px;
  --ds-radius-pill: 999px;

  --ds-shadow-xs: 0 1px 2px rgba(6, 23, 40, 0.08);
  --ds-shadow-sm: 0 8px 20px rgba(6, 23, 40, 0.08);
  --ds-shadow-md: 0 16px 34px rgba(6, 23, 40, 0.11);
  --ds-shadow-focus: 0 0 0 3px rgba(28, 99, 157, 0.28);

  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-8: 32px;
  --ds-space-10: 40px;
  --ds-space-12: 48px;
  --ds-space-16: 64px;
  --ds-space-20: 80px;
  --ds-space-24: 96px;

  --ds-section-y: clamp(56px, 7vw, 96px);
  --ds-container-x: clamp(18px, 4vw, 40px);
  --ds-container-max: 1180px;

  --ds-button-h: 48px;
  --ds-button-px: 22px;
  --ds-transition: 160ms ease;
}

body.uses-ds,
body.ds-v2,
body.ds-v3 {
  --e-global-color-primary: var(--ds-teal-900);
  --e-global-color-secondary: var(--ds-navy-900);
  --e-global-color-text: var(--ds-text);
  --e-global-color-accent: var(--ds-gold-700);
}