:root {
  color-scheme: light;
  --font-sans: 'Manrope', 'Segoe UI', sans-serif;
  --page: #f6f8fa;
  --surface: #fff;
  --text: #253247;
  --text-muted: #657387;
  --border: #e6ebf0;
  --primary: #008c96;
  --primary-hover: #00727c;
  --teal: #00afb8;
  --teal-soft: #e8f8f8;
  --pink: #bd589d;
  --pink-soft: #faf0f7;
  --yellow: #f6c82b;
  --yellow-ink: #997009;
  --yellow-soft: #fff8e4;
  --coral: #f4716b;
  --coral-ink: #bd534e;
  --coral-soft: #fff0ee;
  --blue: #8ed5ef;
  --focus: #008c96;
  --radius: 14px;
  --shadow: 0 3px 16px -12px #24324726;
}

/* Cores semânticas compartilhadas por todos os componentes. */
:root {
  --on-primary: #fff;
  --selection: #bce5e7;
  --surface-subtle: #fafbfc;
  --surface-muted: #f0f3f7;
  --border-subtle: #edf0f3;
  --border-strong: #d7e0e8;
  --text-secondary: #52677d;
  --text-subtle: #788596;
  --text-faint: #bbc4cf;
  --teal-border: #bce5e7;
  --teal-highlight: #d5f1f2;
  --notice-surface: #edf7f8;
  --notice-ink: #2d646c;
  --link-ink: #007d87;
  --success-soft: #e9f7ef;
  --success-ink: #267657;
  --success-border: #86bea6;
  --warning-soft: #fff1dd;
  --warning-ink: #986122;
  --danger-soft: #ffebe8;
  --danger-ink: #b55045;
  --danger-border: #d7a2a2;
  --info-soft: #e0f2fa;
  --info-ink: #286582;
  --pink-tint: #f6e3f0;
  --pink-ink: #924275;
  --timeline-pending-bg: #d9f2ef;
  --timeline-pending-border: #9bd9d5;
  --timeline-pending-ink: #226763;
  --timeline-active-bg: #e0eefc;
  --timeline-active-border: #a8caec;
  --timeline-active-ink: #2d6087;
  --timeline-done-bg: #edf1f5;
  --timeline-done-border: #cbd5e0;
  --connection: #168f91;
  --drop-outline: #6fbfb6;
  --shadow-color: #25324733;
  --shadow-soft-color: #25324725;
  --backdrop: #25324766;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #12191f;
  --surface: #1a232c;
  --text: #e4edf5;
  --text-muted: #9bafc0;
  --border: #2d3c48;
  --primary: #62d6cd;
  --primary-hover: #8de5dd;
  --teal-soft: #213e40;
  --pink: #da8cbd;
  --pink-soft: #382739;
  --yellow-ink: #e8c86b;
  --yellow-soft: #38321f;
  --coral-ink: #f5aaa4;
  --coral-soft: #3e292c;
  --focus: #62d6cd;
  --shadow: 0 3px 16px -12px #00000099;
  --on-primary: #112b2d;
  --selection: #365b61;
  --surface-subtle: #1b252e;
  --surface-muted: #24313b;
  --border-subtle: #27343e;
  --border-strong: #425461;
  --text-secondary: #b7c6d3;
  --text-subtle: #94a8b9;
  --text-faint: #899cac;
  --teal-border: #326663;
  --teal-highlight: #254a4b;
  --notice-surface: #1b333b;
  --notice-ink: #9ad9d7;
  --link-ink: #65d9d4;
  --success-soft: #1e3931;
  --success-ink: #91d8b5;
  --success-border: #45715d;
  --warning-soft: #3d3120;
  --warning-ink: #f0c789;
  --danger-soft: #402828;
  --danger-ink: #f6aaa4;
  --danger-border: #865554;
  --info-soft: #243948;
  --info-ink: #9ed5f3;
  --pink-tint: #3d2940;
  --pink-ink: #e8a7d1;
  --timeline-pending-bg: #244b46;
  --timeline-pending-border: #3d8076;
  --timeline-pending-ink: #c3eee2;
  --timeline-active-bg: #263f56;
  --timeline-active-border: #49739b;
  --timeline-active-ink: #c4e1fa;
  --timeline-done-bg: #2a343e;
  --timeline-done-border: #52616e;
  --connection: #62cbbb;
  --drop-outline: #62cbbb;
  --shadow-color: #00000066;
  --shadow-soft-color: #00000040;
  --backdrop: #060b10b3;
}