/* Trameva Design System 1.0 — valores aprovados na GM16. */
:root {
  --color-primary: #0F3B5F;
  --color-primary-hover: #0C314F;
  --color-primary-soft: #E8F6F4;
  --color-accent: #22C4B6;
  --color-sand: #D6BB92;
  --color-cream: #F7F3EA;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F7F3EA;
  --color-surface-subtle: #E6E6E6;
  --color-text: #0F3B5F;
  --color-text-muted: #526575;
  --color-border: #E6E6E6;
  --color-success: #1F6F5C;
  --color-error: #B42318;
  --color-focus: #22C4B6;
  --color-overlay-dark: rgba(15,59,95,0.72);
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --space-128: 128px;
  --space-section-desktop: 96px;
  --space-section-tablet: 64px;
  --space-section-mobile: 48px;
  --space-content-stack: 24px;
  --space-card-gap: 24px;
  --space-form-gap: 16px;
  --radius-button: 8px;
  --radius-input: 12px;
  --radius-card: 16px;
  --radius-large: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 8px rgba(15,59,95,0.08);
  --shadow-md: 0 10px 30px rgba(15,59,95,0.10);
  --shadow-lg: 0 20px 48px rgba(15,59,95,0.14);
  --border-default: 1px solid #E6E6E6;
  --border-strong: 1px solid rgba(15,59,95,0.22);
  --border-focus: 2px solid #22C4B6;
  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
  --transition-slow: 320ms ease;
  --container-width: 1280px;
  --reading-width: 760px;
}