/* Carte postale: generated from tokens.json by scripts/build-design-system.mjs. */
:root {
  --font-display: 'Fredoka', 'Nunito', system-ui, sans-serif;
  --font-body: 'Nunito', system-ui, sans-serif;
  --space-half: 2px;
  --space-one: 4px;
  --space-two: 8px;
  --space-three: 16px;
  --space-four: 24px;
  --space-five: 32px;
  --space-six: 64px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --press-depth: 4px;
  --text: #1F2A44;
  --text-secondary: #62677E;
  --background: #FFF8EF;
  --background-element: #FFFFFF;
  --background-selected: #FCEBD6;
  --border: #F0DEC7;
  --accent: #0B7F79;
  --accent-text: #FFFFFF;
  --accent-edge: #075E59;
  --success: #12805E;
  --warning: #A85F00;
  --danger: #C0362F;
  --shadow: rgba(122, 84, 40, 0.10);
  --lagoon-bg: #D9F4F1;
  --lagoon-fg: #0B6F6A;
  --lagoon-solid: #0B7F79;
  --coral-bg: #FFE9E2;
  --coral-fg: #B8401F;
  --coral-solid: #F2694B;
  --sun-bg: #FFF2CC;
  --sun-fg: #8A5A00;
  --sun-solid: #FFB930;
  --lavender-bg: #EDE7FF;
  --lavender-fg: #5B3FC4;
  --lavender-solid: #8B6CEF;
  --sky-bg: #DFEBFF;
  --sky-fg: #1E56B8;
  --sky-solid: #3B82F6;
  --mint-bg: #DDF6E8;
  --mint-fg: #107A59;
  --mint-solid: #22B07D;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --text: #F6F1E7;
    --text-secondary: #A9B6CC;
    --background: #0F1A2B;
    --background-element: #18263B;
    --background-selected: #22334D;
    --border: #2A3C58;
    --accent: #3CCFC4;
    --accent-text: #062624;
    --accent-edge: #1F9990;
    --success: #4ADE9B;
    --warning: #FBBF4A;
    --danger: #FF6B6B;
    --shadow: rgba(0, 0, 0, 0.35);
    --lagoon-bg: #12343A;
    --lagoon-fg: #5EE0D5;
    --lagoon-solid: #3CCFC4;
    --coral-bg: #3A2229;
    --coral-fg: #FF9A85;
    --coral-solid: #FF8A73;
    --sun-bg: #382F1E;
    --sun-fg: #FFD166;
    --sun-solid: #FFC53D;
    --lavender-bg: #2A2548;
    --lavender-fg: #B9A5FF;
    --lavender-solid: #A78BFA;
    --sky-bg: #1B2E4F;
    --sky-fg: #8DB8FF;
    --sky-solid: #60A5FA;
    --mint-bg: #15372C;
    --mint-fg: #4ADE9B;
    --mint-solid: #34D399;
  }
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --text: #F6F1E7;
  --text-secondary: #A9B6CC;
  --background: #0F1A2B;
  --background-element: #18263B;
  --background-selected: #22334D;
  --border: #2A3C58;
  --accent: #3CCFC4;
  --accent-text: #062624;
  --accent-edge: #1F9990;
  --success: #4ADE9B;
  --warning: #FBBF4A;
  --danger: #FF6B6B;
  --shadow: rgba(0, 0, 0, 0.35);
  --lagoon-bg: #12343A;
  --lagoon-fg: #5EE0D5;
  --lagoon-solid: #3CCFC4;
  --coral-bg: #3A2229;
  --coral-fg: #FF9A85;
  --coral-solid: #FF8A73;
  --sun-bg: #382F1E;
  --sun-fg: #FFD166;
  --sun-solid: #FFC53D;
  --lavender-bg: #2A2548;
  --lavender-fg: #B9A5FF;
  --lavender-solid: #A78BFA;
  --sky-bg: #1B2E4F;
  --sky-fg: #8DB8FF;
  --sky-solid: #60A5FA;
  --mint-bg: #15372C;
  --mint-fg: #4ADE9B;
  --mint-solid: #34D399;
}
.light {
  --text: #1F2A44;
  --text-secondary: #62677E;
  --background: #FFF8EF;
  --background-element: #FFFFFF;
  --background-selected: #FCEBD6;
  --border: #F0DEC7;
  --accent: #0B7F79;
  --accent-text: #FFFFFF;
  --accent-edge: #075E59;
  --success: #12805E;
  --warning: #A85F00;
  --danger: #C0362F;
  --shadow: rgba(122, 84, 40, 0.10);
  --lagoon-bg: #D9F4F1;
  --lagoon-fg: #0B6F6A;
  --lagoon-solid: #0B7F79;
  --coral-bg: #FFE9E2;
  --coral-fg: #B8401F;
  --coral-solid: #F2694B;
  --sun-bg: #FFF2CC;
  --sun-fg: #8A5A00;
  --sun-solid: #FFB930;
  --lavender-bg: #EDE7FF;
  --lavender-fg: #5B3FC4;
  --lavender-solid: #8B6CEF;
  --sky-bg: #DFEBFF;
  --sky-fg: #1E56B8;
  --sky-solid: #3B82F6;
  --mint-bg: #DDF6E8;
  --mint-fg: #107A59;
  --mint-solid: #22B07D;
}
.dark {
  color-scheme: dark;
  --text: #F6F1E7;
  --text-secondary: #A9B6CC;
  --background: #0F1A2B;
  --background-element: #18263B;
  --background-selected: #22334D;
  --border: #2A3C58;
  --accent: #3CCFC4;
  --accent-text: #062624;
  --accent-edge: #1F9990;
  --success: #4ADE9B;
  --warning: #FBBF4A;
  --danger: #FF6B6B;
  --shadow: rgba(0, 0, 0, 0.35);
  --lagoon-bg: #12343A;
  --lagoon-fg: #5EE0D5;
  --lagoon-solid: #3CCFC4;
  --coral-bg: #3A2229;
  --coral-fg: #FF9A85;
  --coral-solid: #FF8A73;
  --sun-bg: #382F1E;
  --sun-fg: #FFD166;
  --sun-solid: #FFC53D;
  --lavender-bg: #2A2548;
  --lavender-fg: #B9A5FF;
  --lavender-solid: #A78BFA;
  --sky-bg: #1B2E4F;
  --sky-fg: #8DB8FF;
  --sky-solid: #60A5FA;
  --mint-bg: #15372C;
  --mint-fg: #4ADE9B;
  --mint-solid: #34D399;
}