/* Generated by scripts/site_tokens.mjs from the app's theme. Do not edit; change the app's theme instead. */
:root {
  --brand-primary: #a62fa8;
  --brand-primary-shade: #76207a;
  --brand-primary-light: #f7e6f7;
  --brand-violet: #8b3dff;
  --brand-violet-shade: #5e1fc7;
  --brand-violet-light: #f1e8ff;
  --brand-orchid: #ee6ccb;
  --brand-orchid-shade: #b8459a;
  --brand-success: #22c55e;
  --brand-success-shade: #15873f;
  --brand-warning: #ffb020;
  --brand-warning-shade: #c77f00;
  --brand-red: #f0384f;
  --brand-red-shade: #b71c33;
  --brand-night: #1a1a33;
  --brand-sky-top: #16162c;
  --brand-ink: #1a1a33;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 26px;
  --lip: 4.0px;
  --gutter: 16.0px;
  --section-gap: 24.0px;
  --barrier: rgb(26 26 51 / 40%);
  --background: #f7f7fa;
  --foreground: #1a1a33;
  --primary: #a62fa8;
  --primary-foreground: #ffffff;
  --secondary: #f7e6f7;
  --secondary-foreground: #1a1a33;
  --muted: #efeff5;
  --muted-foreground: #6b6b85;
  --destructive: #f0384f;
  --destructive-foreground: #ffffff;
  --error: #f0384f;
  --error-foreground: #ffffff;
  --card: #ffffff;
  --border: #e5e5ee;
  color-scheme: light;
}
:root[data-theme='dark'] {
  --barrier: rgb(0 0 0 / 60%);
  --background: #1a1a33;
  --foreground: #ffffff;
  --primary: #c44bc6;
  --primary-foreground: #ffffff;
  --secondary: #2e2e5a;
  --secondary-foreground: #ffffff;
  --muted: #232345;
  --muted-foreground: #a6a6c4;
  --destructive: #ff5468;
  --destructive-foreground: #ffffff;
  --error: #ff5468;
  --error-foreground: #ffffff;
  --card: #242448;
  --border: #363662;
  color-scheme: dark;
}