/* SynthRank design tokens copied from cms/src/index.css. */
:root {
    --background: 48.000 21.739% 95.490%;
    --foreground: 212.571 32.710% 20.980%;

    --card: 0.000 0.000% 100.000%;
    --card-foreground: 212.571 32.710% 20.980%;

    --popover: 0.000 0.000% 100.000%;
    --popover-foreground: 212.571 32.710% 20.980%;

    --primary: 185.455 75.342% 28.627%;
    --primary-foreground: 0.000 0.000% 100.000%;

    --secondary: 222.000 41.667% 95.294%;
    --secondary-foreground: 212.571 32.710% 20.980%;

    --muted: 96.000 13.514% 92.745%;
    --muted-foreground: 202.857 10.048% 40.980%;

    --accent: 180.000 35.294% 93.333%;
    --accent-foreground: 212.571 32.710% 20.980%;

    --destructive: 0.000 53.360% 50.392%;
    --destructive-foreground: 0.000 0.000% 100.000%;

    --border: 180.000 9.677% 87.843%;
    --input: 193.636 9.244% 53.333%;
    --ring: 185.455 75.342% 28.627%;

    --brand-ink: 185.455 75.342% 28.627%;
    --brand-ink-hover: 187.500 73.846% 25.490%;
    --brand-signal: 32.500 96.000% 50.980%;

    --radius: 0.75rem;

    --shadow-sm: 0 1px 2px 0 hsl(220 15% 10% / 0.04);
    --shadow-md: 0 2px 4px 0 hsl(220 15% 10% / 0.06);
    --shadow-lg: 0 4px 8px 0 hsl(220 15% 10% / 0.08);
    --shadow-glow: 0 0 20px hsl(185 70% 42% / 0.12);
    --shadow-accent: 0 4px 20px hsl(185 70% 42% / 0.2);

    --gradient-hero: linear-gradient(180deg, hsl(var(--background)) 0%, hsl(var(--muted)) 100%);
    --gradient-card: linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--background)) 100%);
    --gradient-cta: linear-gradient(135deg, hsl(var(--brand-ink)) 0%, hsl(var(--brand-ink-hover)) 100%);
    --gradient-primary: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--primary-hover)) 100%);
    --gradient-subtle: linear-gradient(135deg, hsl(var(--background)) 0%, hsl(var(--muted)) 100%);

    --sidebar-background: 96.000 13.514% 92.745%;
    --sidebar-foreground: 212.571 32.710% 20.980%;
    --sidebar-primary: 185.455 75.342% 28.627%;
    --sidebar-primary-foreground: 0.000 0.000% 100.000%;
    --sidebar-accent: 180.000 35.294% 93.333%;
    --sidebar-accent-foreground: 212.571 32.710% 20.980%;
    --sidebar-border: 180.000 9.677% 87.843%;
    --sidebar-ring: 185.455 75.342% 28.627%;

    --bento-bg: 0.000 0.000% 100.000%;
    --bento-border: 180.000 9.677% 87.843%;
    --bento-hover: 48.000 21.739% 95.490%;
    --primary-hover: 187.500 73.846% 25.490%;
    --brand-teal: 184.800 70.093% 41.961%;
    --brand-signal-muted: 32.727 100.000% 93.529%;
    --brand-signal-foreground: 212.571 32.710% 20.980%;
    --info: 221.481 33.061% 48.039%;
    --info-muted: 222.000 41.667% 95.294%;
    --success: 155.862 55.414% 30.784%;
    --success-muted: 136.364 35.484% 93.922%;
    --warning: 35.323 78.481% 30.980%;
    --warning-muted: 39.375 100.000% 93.725%;
}
[data-theme="dark"] {
    --background: 204.706 30.909% 10.784%;
    --foreground: 197.143 24.138% 94.314%;

    --card: 206.087 29.114% 15.490%;
    --card-foreground: 197.143 24.138% 94.314%;

    --popover: 206.087 29.114% 15.490%;
    --popover-foreground: 197.143 24.138% 94.314%;

    --primary: 185.028 70.196% 50.000%;
    --primary-foreground: 190.000 31.034% 11.373%;

    --secondary: 222.162 32.743% 22.157%;
    --secondary-foreground: 197.143 24.138% 94.314%;

    --muted: 205.000 24.000% 19.608%;
    --muted-foreground: 206.087 15.232% 70.392%;

    --accent: 187.500 45.455% 17.255%;
    --accent-foreground: 197.143 24.138% 94.314%;

    --destructive: 0.000 81.250% 74.902%;
    --destructive-foreground: 190.000 31.034% 11.373%;

    --border: 203.077 19.403% 26.275%;
    --input: 205.455 13.043% 50.392%;
    --ring: 185.028 70.196% 50.000%;

    --brand-ink: 185.028 70.196% 50.000%;
    --brand-ink-hover: 184.724 71.751% 65.294%;
    --brand-signal: 32.571 100.000% 65.686%;

    --shadow-sm: 0 1px 2px 0 hsl(0 0% 0% / 0.1);
    --shadow-md: 0 2px 4px 0 hsl(0 0% 0% / 0.1);
    --shadow-lg: 0 4px 8px 0 hsl(0 0% 0% / 0.1);
    --shadow-glow: 0 0 20px hsl(185 70% 50% / 0.15);
    --shadow-accent: 0 4px 20px hsl(185 70% 50% / 0.25);

    --gradient-hero: linear-gradient(180deg, hsl(var(--background)) 0%, hsl(var(--muted)) 100%);
    --gradient-card: linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--background)) 100%);
    --gradient-cta: linear-gradient(135deg, hsl(var(--brand-ink)) 0%, hsl(var(--brand-ink-hover)) 100%);
    --gradient-primary: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--primary-hover)) 100%);
    --gradient-subtle: linear-gradient(135deg, hsl(var(--background)) 0%, hsl(var(--muted)) 100%);

    --sidebar-background: 206.250 33.333% 9.412%;
    --sidebar-foreground: 197.143 24.138% 94.314%;
    --sidebar-primary: 185.028 70.196% 50.000%;
    --sidebar-primary-foreground: 190.000 31.034% 11.373%;
    --sidebar-accent: 187.500 45.455% 17.255%;
    --sidebar-accent-foreground: 197.143 24.138% 94.314%;
    --sidebar-border: 203.077 19.403% 26.275%;
    --sidebar-ring: 185.028 70.196% 50.000%;

    --bento-bg: 206.087 29.114% 15.490%;
    --bento-border: 203.077 19.403% 26.275%;
    --bento-hover: 205.000 24.000% 19.608%;
    --primary-hover: 184.724 71.751% 65.294%;
    --brand-teal: 185.028 70.196% 50.000%;
    --brand-signal-muted: 27.097 34.066% 17.843%;
    --brand-signal-foreground: 32.571 100.000% 65.686%;
    --info: 225.000 58.065% 75.686%;
    --info-muted: 222.162 32.743% 22.157%;
    --success: 149.620 44.633% 65.294%;
    --success-muted: 160.000 29.670% 17.843%;
    --warning: 38.824 74.843% 68.824%;
    --warning-muted: 38.710 34.066% 17.843%;
}
:root {
--bg:hsl(var(--background));--panel:hsl(var(--card));--ink:hsl(var(--foreground));--muted:hsl(var(--muted-foreground));--line:hsl(var(--border));--accent:hsl(var(--primary));--tint:hsl(180 35.294% 93.333%);--soft:hsl(96 13.514% 92.745%);--side:hsl(var(--sidebar-background));--font:"Plus Jakarta Sans",sans-serif;
}
[data-theme="dark"] {--tint:hsl(187.5 45.455% 17.255%);--soft:hsl(205 24% 19.608%);}