/*! @brand/atlas v1.0.0 — LSC-Lab Atlas theme tokens (cobalto + jade, Inter) */
@import url('https://rsms.me/inter/inter.css');

:root, [data-brand="atlas"] {
  /* Colors */
  --primary: #2563EB;          /* cobalto */
  --primary-hover: #1D4ED8;
  --on-primary: #FFFFFF;
  --accent: #0a7c58;           /* jade */
  --accent-hover: #066143;
  --on-accent: #FFFFFF;
  --cta: var(--primary);
  --cta-hover: var(--primary-hover);
  --on-cta: var(--on-primary);

  --bg: #0B0F19;
  --surface: #131826;
  --surface-hover: #1B2133;
  --surface-glass: rgba(19,24,38,0.7);
  --fg: #E6E8EE;
  --fg-muted: #9BA3B4;
  --fg-subtle: #6A7385;
  --border: #1F2638;
  --border-strong: #2C3447;
  --input-bg: #0F1422;

  --success: #0a7c58;
  --warning: #F59E0B;
  --danger:  #EF4444;
  --focus-ring: rgba(37,99,235,0.35);

  /* Typography */
  --font-display: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', SFMono-Regular, Menlo, monospace;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-display: 700;
  --leading-display: 1.15;
  --leading-body: 1.55;

  --text-xs:  12px;
  --text-sm:  14px;
  --text-base:16px;
  --text-lg:  18px;
  --text-xl:  20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 38px;
  --text-6xl: 60px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-card: 12px;
  --radius-btn: 8px;
  --radius-input: 8px;
  --radius-full: 9999px;

  /* Buttons / inputs */
  --btn-px: 16px;
  --btn-py: 10px;
  --btn-tracking: 0;
  --input-px: 12px;
  --input-py: 10px;
  --card-padding: 24px;

  /* Motion */
  --motion-fast: 150ms;
  --motion-base: 220ms;
  --motion-ease: cubic-bezier(0.4, 0, 0.2, 1);

  /* Shadows */
  --shadow-card:       0 1px 3px rgba(0,0,0,0.3);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.35);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.4);

  /* Hero */
  --hero-py: 80px;
  --hero-align: left;

  color-scheme: dark;
}

/* Light variant for Atlas */
[data-brand="atlas"][data-theme="light"] {
  --bg: #FFFFFF;
  --surface: #F8FAFC;
  --surface-hover: #EEF2F7;
  --fg: #0B0F19;
  --fg-muted: #475569;
  --fg-subtle: #94A3B8;
  --border: #E2E8F0;
  --border-strong: #CBD5E1;
  --input-bg: #FFFFFF;
  color-scheme: light;
}