/* Doubld shared starter tokens v0.1.0.
 * PROVISIONAL: semantic mappings, gradients, type, spacing, and effects.
 * CONFIRMED INPUTS: only the three brand background/mark pairs noted below.
 */
:root {
  --d-font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --d-font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --d-font-size-xs: 0.75rem;
  --d-font-size-sm: 0.875rem;
  --d-font-size-md: 1rem;
  --d-font-size-lg: 1.125rem;
  --d-font-size-xl: 1.5rem;
  --d-font-size-2xl: clamp(2rem, 5vw, 4.75rem);
  --d-line-height-tight: 1.05;
  --d-line-height-heading: 1.15;
  --d-line-height-body: 1.6;
  --d-space-1: 0.25rem;
  --d-space-2: 0.5rem;
  --d-space-3: 0.75rem;
  --d-space-4: 1rem;
  --d-space-6: 1.5rem;
  --d-space-8: 2rem;
  --d-space-12: 3rem;
  --d-space-16: 4rem;
  --d-space-24: 6rem;
  --d-radius-sm: 0.5rem;
  --d-radius-md: 0.875rem;
  --d-radius-lg: 1.5rem;
  --d-radius-pill: 999px;
  --d-shadow-sm: 0 1px 2px rgb(20 23 34 / 0.08);
  --d-shadow-md: 0 20px 60px rgb(20 23 34 / 0.12);
  --d-shadow-focus: 0 0 0 3px rgb(52 84 238 / 0.28);
  --d-motion-fast: 140ms;
  --d-motion-base: 220ms;
  --d-motion-slow: 420ms;
  --d-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --d-layout-content-max: 76rem;
  --d-layout-reading-max: 68ch;
  --d-layout-slide-aspect: 16 / 9;
  --d-layout-touch-target: 2.75rem;
}

[data-theme="cobalt"] {
  --d-color-brand-background: #3454EE;
  --d-color-brand-foreground: #FFFFFF;
  --d-color-page: #F7F8FF;
  --d-color-surface: #FFFFFF;
  --d-color-surface-raised: #FFFFFF;
  --d-color-text: #141722;
  --d-color-text-muted: #535A6D;
  --d-color-border: #C9CFE2;
  --d-color-accent: #0E6660;
  --d-color-accent-soft: #DDF3EC;
  --d-color-focus: #3454EE;
  --d-color-success: #0E6660;
  --d-color-success-soft: #DDF3EC;
  --d-color-warning: #7A5000;
  --d-color-warning-soft: #FFF0CC;
  --d-color-danger: #A6261B;
  --d-color-danger-soft: #FDE7E5;
  --d-gradient-brand: linear-gradient(135deg, #3454EE 0%, #6E78F6 58%, #DDE3FF 100%);
  --d-gradient-ambient: radial-gradient(circle at 80% 10%, rgb(52 84 238 / 0.22), transparent 42%);
}

[data-theme="ink"] {
  --d-color-brand-background: #141722;
  --d-color-brand-foreground: #F5F2EA;
  --d-color-page: #F5F2EA;
  --d-color-surface: #FFFFFF;
  --d-color-surface-raised: #FFFFFF;
  --d-color-text: #141722;
  --d-color-text-muted: #535A6D;
  --d-color-border: #C8C5BD;
  --d-color-accent: #3454EE;
  --d-color-accent-soft: #E7EAFF;
  --d-color-focus: #3454EE;
  --d-color-success: #0E6660;
  --d-color-success-soft: #DDF3EC;
  --d-color-warning: #7A5000;
  --d-color-warning-soft: #FFF0CC;
  --d-color-danger: #A6261B;
  --d-color-danger-soft: #FDE7E5;
  --d-gradient-brand: linear-gradient(135deg, #141722 0%, #30364C 62%, #F5F2EA 150%);
  --d-gradient-ambient: radial-gradient(circle at 80% 10%, rgb(52 84 238 / 0.18), transparent 42%);
}

[data-theme="teal"] {
  --d-color-brand-background: #0E6660;
  --d-color-brand-foreground: #F5F2EA;
  --d-color-page: #F2F8F7;
  --d-color-surface: #FFFFFF;
  --d-color-surface-raised: #FFFFFF;
  --d-color-text: #141722;
  --d-color-text-muted: #535A6D;
  --d-color-border: #BDD6D3;
  --d-color-accent: #3454EE;
  --d-color-accent-soft: #E7EAFF;
  --d-color-focus: #3454EE;
  --d-color-success: #0E6660;
  --d-color-success-soft: #DDF3EC;
  --d-color-warning: #7A5000;
  --d-color-warning-soft: #FFF0CC;
  --d-color-danger: #A6261B;
  --d-color-danger-soft: #FDE7E5;
  --d-gradient-brand: linear-gradient(135deg, #0E6660 0%, #318E87 58%, #DDF3EC 100%);
  --d-gradient-ambient: radial-gradient(circle at 80% 10%, rgb(14 102 96 / 0.24), transparent 42%);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --d-motion-fast: 0ms;
    --d-motion-base: 0ms;
    --d-motion-slow: 0ms;
  }
}