/* Generated from design-system/tokens.json. Paper is the default theme; add data-theme="carbon" on a section for dark values. */
:root, [data-theme="paper"] {
  --ground: #faf9f7;
  --surface: #ffffff;
  --stone: #f1efeb;
  --rule: #e2dfd9;
  --rule-strong: #8a857c;
  --ink: #161719;
  --ink-2: #5c5953;
  --vcl-red: #ce2823;
  --red-text: #c8161f;
  --action: #161719;
  --action-hover: #34363a;
  --on-action: #ffffff;
  --carbon: #161719;
  --bone: #f2f0eb;
  --focus: var(--vcl-red);
  --scene-light: #ff8a66;
  --scene-deep: #3a0a0d;
  --glass-edge: rgba(255, 255, 255, 0.14);
  --glass-fill: rgba(22, 12, 13, 0.46);
  --logo-ink: #2e2e2e;
}
[data-theme="carbon"] {
  --ground: #141517;
  --surface: #1b1c1f;
  --stone: #1f2023;
  --rule: #2e3034;
  --rule-strong: #6b6e75;
  --ink: #f2f0eb;
  --ink-2: #a5a29c;
  --vcl-red: #ce2823;
  --red-text: #ff5a61;
  --action: #f2f0eb;
  --action-hover: #d9d6d0;
  --on-action: #161719;
  --carbon: #161719;
  --bone: #f2f0eb;
  --focus: var(--vcl-red);
  --scene-light: #ff8a66;
  --scene-deep: #3a0a0d;
  --glass-edge: rgba(255, 255, 255, 0.14);
  --glass-fill: rgba(22, 12, 13, 0.46);
  --logo-ink: #2e2e2e;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-36: 144px;
  --space-48: 192px;
  --radius-0: 0px;
  --radius-button: 10px;
  --radius-panel: 10px;
  --radius-round: 999px;
  --dur-fast: 180ms;
  --dur-fade: 600ms;
  --dur-draw: 2200ms;
  --dur-story: 16s;
  --dur-line: 1100ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --font-display: "DM Sans", "Open Sans", system-ui, sans-serif;
  --font-sans: "DM Sans", "Open Sans", system-ui, sans-serif;
  --font-office: "Open Sans", Arial, sans-serif;
  --font-arabic: "IBM Plex Sans Arabic", "DM Sans", Arial, sans-serif;
}