/* social-design-tokens v1.0.0
   Owned and maintained by Stomping Ground Social. This local derivative preserves
   the original light/dark palette while adopting a Social-only namespace.
   Derived from the frozen MIT design v1.0.0; original bytes and full notice are
   retained in vendor/stgmkt. See design.json and LICENSE beside this file.
   No external product, service, generator, or release is required. */
html[data-stgsoc="true"] {
  color-scheme: light;
  --stgsoc-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --stgsoc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --stgsoc-space: 0.25rem;
  --stgsoc-text-xs: 0.75rem;
  --stgsoc-text-sm: 0.875rem;
  --stgsoc-text-base: 1rem;
  --stgsoc-text-xl: 1.25rem;
  --stgsoc-text-2xl: 1.5rem;
  --stgsoc-radius-sm: calc(var(--stgsoc-radius) * 0.5);
  --stgsoc-radius-md: calc(var(--stgsoc-radius) * 0.75);
  --stgsoc-radius-lg: var(--stgsoc-radius);
  --stgsoc-radius-xl: calc(var(--stgsoc-radius) * 1.5);
  --stgsoc-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --stgsoc-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --stgsoc-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --stgsoc-focus-ring-width: 3px;
  --stgsoc-sidebar-width: 15rem;
  --stgsoc-control-height: 2.5rem;
  --stgsoc-radius: 1rem;
  --stgsoc-background: #f1ecfa;
  --stgsoc-foreground: #18151f;
  --stgsoc-card: #fff;
  --stgsoc-card-foreground: #18151f;
  --stgsoc-popover: oklch(100% 0 0);
  --stgsoc-popover-foreground: oklch(20% 0 0);
  --stgsoc-primary: #211b2a;
  --stgsoc-primary-foreground: #fff;
  --stgsoc-secondary: #f8edf4;
  --stgsoc-secondary-foreground: oklch(20% 0 0);
  --stgsoc-muted: oklch(97% 0 0);
  --stgsoc-muted-foreground: oklch(20% 0 0 / 60%);
  --stgsoc-accent: #e9dff5;
  --stgsoc-accent-foreground: oklch(20% 0 0);
  --stgsoc-destructive: oklch(65% 0.2 25);
  --stgsoc-success: oklch(65% 0.18 145);
  --stgsoc-success-foreground: oklch(100% 0 0);
  --stgsoc-warning: #fae5a7;
  --stgsoc-warning-foreground: #3b2a11;
  --stgsoc-info: oklch(70% 0.15 230);
  --stgsoc-info-foreground: oklch(100% 0 0);
  --stgsoc-border: #ddd3e8;
  --stgsoc-input: #ad9dbd;
  --stgsoc-ring: #6b557f;
  --stgsoc-chart-1: oklch(57.5% 0.163 255.5);
  --stgsoc-chart-2: oklch(67.1% 0.175 40.6);
  --stgsoc-chart-3: oklch(66.9% 0.141 162.1);
  --stgsoc-chart-4: oklch(76.4% 0.161 75.1);
  --stgsoc-chart-5: oklch(71.6% 0.141 357.4);
  --stgsoc-sidebar: #eee6f8;
  --stgsoc-sidebar-foreground: #211b2a;
  --stgsoc-sidebar-primary: oklch(50% 0.12 262);
  --stgsoc-sidebar-primary-foreground: oklch(100% 0 0);
  --stgsoc-sidebar-accent: #e3d6ef;
  --stgsoc-sidebar-accent-foreground: #211b2a;
  --stgsoc-sidebar-border: oklch(86% 0 0);
  --stgsoc-sidebar-ring: oklch(50% 0.12 262);
}
html[data-stgsoc="true"][data-stgsoc-theme="dark"] {
  color-scheme: dark;
  --stgsoc-radius: 0.5rem;
  --stgsoc-background: oklch(18% 0 0);
  --stgsoc-foreground: oklch(92% 0 0);
  --stgsoc-card: oklch(23% 0 0);
  --stgsoc-card-foreground: oklch(92% 0 0);
  --stgsoc-popover: oklch(25% 0 0);
  --stgsoc-popover-foreground: oklch(92% 0 0);
  --stgsoc-primary: oklch(66% 0.12 262);
  --stgsoc-primary-foreground: oklch(100% 0 0);
  --stgsoc-secondary: oklch(28% 0 0);
  --stgsoc-secondary-foreground: oklch(92% 0 0);
  --stgsoc-muted: oklch(18% 0 0);
  --stgsoc-muted-foreground: oklch(92% 0 0 / 60%);
  --stgsoc-accent: oklch(28% 0 0);
  --stgsoc-accent-foreground: oklch(92% 0 0);
  --stgsoc-destructive: oklch(65% 0.2 25);
  --stgsoc-success: oklch(65% 0.18 145);
  --stgsoc-success-foreground: oklch(100% 0 0);
  --stgsoc-warning: oklch(80% 0.15 80);
  --stgsoc-warning-foreground: oklch(25% 0.05 80);
  --stgsoc-info: oklch(70% 0.15 230);
  --stgsoc-info-foreground: oklch(100% 0 0);
  --stgsoc-border: oklch(30% 0 0);
  --stgsoc-input: oklch(40% 0 0);
  --stgsoc-ring: oklch(66% 0.12 262);
  --stgsoc-chart-1: oklch(62.2% 0.161 255.1);
  --stgsoc-chart-2: oklch(62.2% 0.173 40.1);
  --stgsoc-chart-3: oklch(62.1% 0.128 163.1);
  --stgsoc-chart-4: oklch(67% 0.143 73.2);
  --stgsoc-chart-5: oklch(62.2% 0.171 0.8);
  --stgsoc-sidebar: oklch(24% 0 0);
  --stgsoc-sidebar-foreground: oklch(92% 0 0);
  --stgsoc-sidebar-primary: oklch(66% 0.12 262);
  --stgsoc-sidebar-primary-foreground: oklch(100% 0 0);
  --stgsoc-sidebar-accent: oklch(100% 0 0 / 8%);
  --stgsoc-sidebar-accent-foreground: oklch(92% 0 0);
  --stgsoc-sidebar-border: oklch(31% 0 0);
  --stgsoc-sidebar-ring: oklch(66% 0.12 262);
}
@media (prefers-color-scheme: dark) {
  html[data-stgsoc="true"][data-stgsoc-theme="system"] {
    color-scheme: dark;
    --stgsoc-radius: 0.5rem;
    --stgsoc-background: oklch(18% 0 0);
    --stgsoc-foreground: oklch(92% 0 0);
    --stgsoc-card: oklch(23% 0 0);
    --stgsoc-card-foreground: oklch(92% 0 0);
    --stgsoc-popover: oklch(25% 0 0);
    --stgsoc-popover-foreground: oklch(92% 0 0);
    --stgsoc-primary: oklch(66% 0.12 262);
    --stgsoc-primary-foreground: oklch(100% 0 0);
    --stgsoc-secondary: oklch(28% 0 0);
    --stgsoc-secondary-foreground: oklch(92% 0 0);
    --stgsoc-muted: oklch(18% 0 0);
    --stgsoc-muted-foreground: oklch(92% 0 0 / 60%);
    --stgsoc-accent: oklch(28% 0 0);
    --stgsoc-accent-foreground: oklch(92% 0 0);
    --stgsoc-destructive: oklch(65% 0.2 25);
    --stgsoc-success: oklch(65% 0.18 145);
    --stgsoc-success-foreground: oklch(100% 0 0);
    --stgsoc-warning: oklch(80% 0.15 80);
    --stgsoc-warning-foreground: oklch(25% 0.05 80);
    --stgsoc-info: oklch(70% 0.15 230);
    --stgsoc-info-foreground: oklch(100% 0 0);
    --stgsoc-border: oklch(30% 0 0);
    --stgsoc-input: oklch(40% 0 0);
    --stgsoc-ring: oklch(66% 0.12 262);
    --stgsoc-chart-1: oklch(62.2% 0.161 255.1);
    --stgsoc-chart-2: oklch(62.2% 0.173 40.1);
    --stgsoc-chart-3: oklch(62.1% 0.128 163.1);
    --stgsoc-chart-4: oklch(67% 0.143 73.2);
    --stgsoc-chart-5: oklch(62.2% 0.171 0.8);
    --stgsoc-sidebar: oklch(24% 0 0);
    --stgsoc-sidebar-foreground: oklch(92% 0 0);
    --stgsoc-sidebar-primary: oklch(66% 0.12 262);
    --stgsoc-sidebar-primary-foreground: oklch(100% 0 0);
    --stgsoc-sidebar-accent: oklch(100% 0 0 / 8%);
    --stgsoc-sidebar-accent-foreground: oklch(92% 0 0);
    --stgsoc-sidebar-border: oklch(31% 0 0);
    --stgsoc-sidebar-ring: oklch(66% 0.12 262);
  }
}