/* Generated by scripts/sync-design.cjs from Rynzo.Client/Theme/design-system.json. Do not edit. */
.rynzo-theme[data-skin="multicolor"][data-theme="light"] {
  color-scheme: light;
  --radius: 1rem;
  --accent-50: #eef2ff;
  --accent-100: #e0e7ff;
  --accent-200: #c7d2fe;
  --accent-300: #a5b4fc;
  --accent-400: #818cf8;
  --accent-500: #6366f1;
  --accent-600: #4f46e5;
  --accent-700: #4338ca;
  --accent-800: #3730a3;
  --accent-900: #312e81;
  --accent-950: #1e1b4b;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-700);
  --accent-active: var(--accent-800);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #ffffff;
  --primary: var(--accent-600);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #ffffff;
  --primary-soft: var(--accent-soft);
  --background: #f6f7fb;
  --foreground: #182230;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #eef0f8;
  --secondary-foreground: #344054;
  --muted: #f1f3f9;
  --muted-foreground: #667085;
  --accent: #eef2ff;
  --accent-foreground: var(--primary);
  --destructive: #be123c;
  --destructive-foreground: #ffffff;
  --success: #047857;
  --success-foreground: #ffffff;
  --warning: #a15c07;
  --warning-foreground: #ffffff;
  --info: #0369a1;
  --info-foreground: #ffffff;
  --border: #e4e7f0;
  --input: #d5dbea;
  --ring: var(--primary);
  --chart-1: #4f46e5;
  --chart-2: #0d9488;
  --chart-3: #d97706;
  --chart-4: #0284c7;
  --chart-5: #e11d48;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #8b5cf6;
  --chart-7: #0891b2;
  --chart-8: #64748b;
  --shadow-xs: 0 1px 2px rgb(16 24 40 / .03);
  --shadow-sm: 0 4px 12px rgb(16 24 40 / .05);
  --shadow-md: 0 12px 32px rgb(16 24 40 / .08);
  --shadow-card: 0 2px 8px rgb(16 24 40 / .035);
  --shadow-pop: 0 16px 48px rgb(16 24 40 / .12);
}
.rynzo-theme[data-skin="multicolor"][data-theme="dark"] {
  color-scheme: dark;
  --radius: 1rem;
  --accent-50: #eef2ff;
  --accent-100: #e0e7ff;
  --accent-200: #c7d2fe;
  --accent-300: #a5b4fc;
  --accent-400: #818cf8;
  --accent-500: #6366f1;
  --accent-600: #4f46e5;
  --accent-700: #4338ca;
  --accent-800: #3730a3;
  --accent-900: #312e81;
  --accent-950: #1e1b4b;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-300);
  --accent-active: var(--accent-500);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #0d1220;
  --primary: var(--accent-400);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #0d1220;
  --primary-soft: var(--accent-soft);
  --background: #0d1220;
  --foreground: #e8edf7;
  --card: #151d2e;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #253047;
  --secondary-foreground: #d1daed;
  --muted: #1c263a;
  --muted-foreground: #9daac1;
  --accent: #222d46;
  --accent-foreground: var(--primary);
  --destructive: #fda4af;
  --destructive-foreground: #3b1020;
  --success: #6ee7b7;
  --success-foreground: #052e24;
  --warning: #fcd34d;
  --warning-foreground: #35230b;
  --info: #7dd3fc;
  --info-foreground: #102b40;
  --border: #29344a;
  --input: #36435d;
  --ring: var(--primary);
  --chart-1: #818cf8;
  --chart-2: #5eead4;
  --chart-3: #fcd34d;
  --chart-4: #7dd3fc;
  --chart-5: #fda4af;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #c4b5fd;
  --chart-7: #67e8f9;
  --chart-8: #a5b4fc;
  --shadow-xs: 0 1px 2px rgb(0 0 0 / .12);
  --shadow-sm: 0 4px 12px rgb(0 0 0 / .16);
  --shadow-md: 0 12px 32px rgb(0 0 0 / .25);
  --shadow-card: 0 2px 8px rgb(0 0 0 / .1);
  --shadow-pop: 0 16px 48px rgb(0 0 0 / .35);
}
.rynzo-theme[data-skin="sapphire"][data-theme="light"] {
  color-scheme: light;
  --radius: 1rem;
  --accent-50: #eff6ff;
  --accent-100: #dbeafe;
  --accent-200: #bfdbfe;
  --accent-300: #93c5fd;
  --accent-400: #60a5fa;
  --accent-500: #3b82f6;
  --accent-600: #2563eb;
  --accent-700: #1d4ed8;
  --accent-800: #1e40af;
  --accent-900: #1e3a8a;
  --accent-950: #172554;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-700);
  --accent-active: var(--accent-800);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #ffffff;
  --primary: var(--accent-600);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #ffffff;
  --primary-soft: var(--accent-soft);
  --background: #f6f7fb;
  --foreground: #182230;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #eef0f8;
  --secondary-foreground: #344054;
  --muted: #f1f3f9;
  --muted-foreground: #667085;
  --accent: #eff6ff;
  --accent-foreground: var(--primary);
  --destructive: #be123c;
  --destructive-foreground: #ffffff;
  --success: #047857;
  --success-foreground: #ffffff;
  --warning: #a15c07;
  --warning-foreground: #ffffff;
  --info: #0369a1;
  --info-foreground: #ffffff;
  --border: #e4e7f0;
  --input: #d5dbea;
  --ring: var(--primary);
  --chart-1: #2563eb;
  --chart-2: #0d9488;
  --chart-3: #d97706;
  --chart-4: #0284c7;
  --chart-5: #e11d48;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #8b5cf6;
  --chart-7: #0891b2;
  --chart-8: #64748b;
  --shadow-xs: 0 1px 2px rgb(16 24 40 / .03);
  --shadow-sm: 0 4px 12px rgb(16 24 40 / .05);
  --shadow-md: 0 12px 32px rgb(16 24 40 / .08);
  --shadow-card: 0 2px 8px rgb(16 24 40 / .035);
  --shadow-pop: 0 16px 48px rgb(16 24 40 / .12);
}
.rynzo-theme[data-skin="sapphire"][data-theme="dark"] {
  color-scheme: dark;
  --radius: 1rem;
  --accent-50: #eff6ff;
  --accent-100: #dbeafe;
  --accent-200: #bfdbfe;
  --accent-300: #93c5fd;
  --accent-400: #60a5fa;
  --accent-500: #3b82f6;
  --accent-600: #2563eb;
  --accent-700: #1d4ed8;
  --accent-800: #1e40af;
  --accent-900: #1e3a8a;
  --accent-950: #172554;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-300);
  --accent-active: var(--accent-500);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #0d1220;
  --primary: var(--accent-400);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #0d1220;
  --primary-soft: var(--accent-soft);
  --background: #0d1220;
  --foreground: #e8edf7;
  --card: #151d2e;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #253047;
  --secondary-foreground: #d1daed;
  --muted: #1c263a;
  --muted-foreground: #9daac1;
  --accent: #222d46;
  --accent-foreground: var(--primary);
  --destructive: #fda4af;
  --destructive-foreground: #3b1020;
  --success: #6ee7b7;
  --success-foreground: #052e24;
  --warning: #fcd34d;
  --warning-foreground: #35230b;
  --info: #7dd3fc;
  --info-foreground: #102b40;
  --border: #29344a;
  --input: #36435d;
  --ring: var(--primary);
  --chart-1: #60a5fa;
  --chart-2: #5eead4;
  --chart-3: #fcd34d;
  --chart-4: #7dd3fc;
  --chart-5: #fda4af;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #c4b5fd;
  --chart-7: #67e8f9;
  --chart-8: #a5b4fc;
  --shadow-xs: 0 1px 2px rgb(0 0 0 / .12);
  --shadow-sm: 0 4px 12px rgb(0 0 0 / .16);
  --shadow-md: 0 12px 32px rgb(0 0 0 / .25);
  --shadow-card: 0 2px 8px rgb(0 0 0 / .1);
  --shadow-pop: 0 16px 48px rgb(0 0 0 / .35);
}
.rynzo-theme[data-skin="emerald"][data-theme="light"] {
  color-scheme: light;
  --radius: 1rem;
  --accent-50: #ecfdf5;
  --accent-100: #d1fae5;
  --accent-200: #a7f3d0;
  --accent-300: #6ee7b7;
  --accent-400: #34d399;
  --accent-500: #10b981;
  --accent-600: #059669;
  --accent-700: #047857;
  --accent-800: #065f46;
  --accent-900: #064e3b;
  --accent-950: #022c22;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-800);
  --accent-active: var(--accent-900);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #ffffff;
  --primary: var(--accent-700);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #ffffff;
  --primary-soft: var(--accent-soft);
  --background: #f6f7fb;
  --foreground: #182230;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #eef0f8;
  --secondary-foreground: #344054;
  --muted: #f1f3f9;
  --muted-foreground: #667085;
  --accent: #ecfdf5;
  --accent-foreground: var(--primary);
  --destructive: #be123c;
  --destructive-foreground: #ffffff;
  --success: #047857;
  --success-foreground: #ffffff;
  --warning: #a15c07;
  --warning-foreground: #ffffff;
  --info: #0369a1;
  --info-foreground: #ffffff;
  --border: #e4e7f0;
  --input: #d5dbea;
  --ring: var(--primary);
  --chart-1: #059669;
  --chart-2: #0d9488;
  --chart-3: #d97706;
  --chart-4: #0284c7;
  --chart-5: #e11d48;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #8b5cf6;
  --chart-7: #0891b2;
  --chart-8: #64748b;
  --shadow-xs: 0 1px 2px rgb(16 24 40 / .03);
  --shadow-sm: 0 4px 12px rgb(16 24 40 / .05);
  --shadow-md: 0 12px 32px rgb(16 24 40 / .08);
  --shadow-card: 0 2px 8px rgb(16 24 40 / .035);
  --shadow-pop: 0 16px 48px rgb(16 24 40 / .12);
}
.rynzo-theme[data-skin="emerald"][data-theme="dark"] {
  color-scheme: dark;
  --radius: 1rem;
  --accent-50: #ecfdf5;
  --accent-100: #d1fae5;
  --accent-200: #a7f3d0;
  --accent-300: #6ee7b7;
  --accent-400: #34d399;
  --accent-500: #10b981;
  --accent-600: #059669;
  --accent-700: #047857;
  --accent-800: #065f46;
  --accent-900: #064e3b;
  --accent-950: #022c22;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-300);
  --accent-active: var(--accent-500);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #0d1220;
  --primary: var(--accent-400);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #0d1220;
  --primary-soft: var(--accent-soft);
  --background: #0d1220;
  --foreground: #e8edf7;
  --card: #151d2e;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #253047;
  --secondary-foreground: #d1daed;
  --muted: #1c263a;
  --muted-foreground: #9daac1;
  --accent: #222d46;
  --accent-foreground: var(--primary);
  --destructive: #fda4af;
  --destructive-foreground: #3b1020;
  --success: #6ee7b7;
  --success-foreground: #052e24;
  --warning: #fcd34d;
  --warning-foreground: #35230b;
  --info: #7dd3fc;
  --info-foreground: #102b40;
  --border: #29344a;
  --input: #36435d;
  --ring: var(--primary);
  --chart-1: #34d399;
  --chart-2: #5eead4;
  --chart-3: #fcd34d;
  --chart-4: #7dd3fc;
  --chart-5: #fda4af;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #c4b5fd;
  --chart-7: #67e8f9;
  --chart-8: #a5b4fc;
  --shadow-xs: 0 1px 2px rgb(0 0 0 / .12);
  --shadow-sm: 0 4px 12px rgb(0 0 0 / .16);
  --shadow-md: 0 12px 32px rgb(0 0 0 / .25);
  --shadow-card: 0 2px 8px rgb(0 0 0 / .1);
  --shadow-pop: 0 16px 48px rgb(0 0 0 / .35);
}
.rynzo-theme[data-skin="violet"][data-theme="light"] {
  color-scheme: light;
  --radius: 1rem;
  --accent-50: #f5f3ff;
  --accent-100: #ede9fe;
  --accent-200: #ddd6fe;
  --accent-300: #c4b5fd;
  --accent-400: #a78bfa;
  --accent-500: #8b5cf6;
  --accent-600: #7c3aed;
  --accent-700: #6d28d9;
  --accent-800: #5b21b6;
  --accent-900: #4c1d95;
  --accent-950: #2e1065;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-700);
  --accent-active: var(--accent-800);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #ffffff;
  --primary: var(--accent-600);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #ffffff;
  --primary-soft: var(--accent-soft);
  --background: #f6f7fb;
  --foreground: #182230;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #eef0f8;
  --secondary-foreground: #344054;
  --muted: #f1f3f9;
  --muted-foreground: #667085;
  --accent: #f5f3ff;
  --accent-foreground: var(--primary);
  --destructive: #be123c;
  --destructive-foreground: #ffffff;
  --success: #047857;
  --success-foreground: #ffffff;
  --warning: #a15c07;
  --warning-foreground: #ffffff;
  --info: #0369a1;
  --info-foreground: #ffffff;
  --border: #e4e7f0;
  --input: #d5dbea;
  --ring: var(--primary);
  --chart-1: #7c3aed;
  --chart-2: #0d9488;
  --chart-3: #d97706;
  --chart-4: #0284c7;
  --chart-5: #e11d48;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #8b5cf6;
  --chart-7: #0891b2;
  --chart-8: #64748b;
  --shadow-xs: 0 1px 2px rgb(16 24 40 / .03);
  --shadow-sm: 0 4px 12px rgb(16 24 40 / .05);
  --shadow-md: 0 12px 32px rgb(16 24 40 / .08);
  --shadow-card: 0 2px 8px rgb(16 24 40 / .035);
  --shadow-pop: 0 16px 48px rgb(16 24 40 / .12);
}
.rynzo-theme[data-skin="violet"][data-theme="dark"] {
  color-scheme: dark;
  --radius: 1rem;
  --accent-50: #f5f3ff;
  --accent-100: #ede9fe;
  --accent-200: #ddd6fe;
  --accent-300: #c4b5fd;
  --accent-400: #a78bfa;
  --accent-500: #8b5cf6;
  --accent-600: #7c3aed;
  --accent-700: #6d28d9;
  --accent-800: #5b21b6;
  --accent-900: #4c1d95;
  --accent-950: #2e1065;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-300);
  --accent-active: var(--accent-500);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #0d1220;
  --primary: var(--accent-400);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #0d1220;
  --primary-soft: var(--accent-soft);
  --background: #0d1220;
  --foreground: #e8edf7;
  --card: #151d2e;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #253047;
  --secondary-foreground: #d1daed;
  --muted: #1c263a;
  --muted-foreground: #9daac1;
  --accent: #222d46;
  --accent-foreground: var(--primary);
  --destructive: #fda4af;
  --destructive-foreground: #3b1020;
  --success: #6ee7b7;
  --success-foreground: #052e24;
  --warning: #fcd34d;
  --warning-foreground: #35230b;
  --info: #7dd3fc;
  --info-foreground: #102b40;
  --border: #29344a;
  --input: #36435d;
  --ring: var(--primary);
  --chart-1: #a78bfa;
  --chart-2: #5eead4;
  --chart-3: #fcd34d;
  --chart-4: #7dd3fc;
  --chart-5: #fda4af;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #c4b5fd;
  --chart-7: #67e8f9;
  --chart-8: #a5b4fc;
  --shadow-xs: 0 1px 2px rgb(0 0 0 / .12);
  --shadow-sm: 0 4px 12px rgb(0 0 0 / .16);
  --shadow-md: 0 12px 32px rgb(0 0 0 / .25);
  --shadow-card: 0 2px 8px rgb(0 0 0 / .1);
  --shadow-pop: 0 16px 48px rgb(0 0 0 / .35);
}
.rynzo-theme[data-skin="rose"][data-theme="light"] {
  color-scheme: light;
  --radius: 1rem;
  --accent-50: #fff1f2;
  --accent-100: #ffe4e6;
  --accent-200: #fecdd3;
  --accent-300: #fda4af;
  --accent-400: #fb7185;
  --accent-500: #f43f5e;
  --accent-600: #e11d48;
  --accent-700: #be123c;
  --accent-800: #9f1239;
  --accent-900: #881337;
  --accent-950: #4c0519;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-700);
  --accent-active: var(--accent-800);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #ffffff;
  --primary: var(--accent-600);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #ffffff;
  --primary-soft: var(--accent-soft);
  --background: #f6f7fb;
  --foreground: #182230;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #eef0f8;
  --secondary-foreground: #344054;
  --muted: #f1f3f9;
  --muted-foreground: #667085;
  --accent: #fff1f2;
  --accent-foreground: var(--primary);
  --destructive: #be123c;
  --destructive-foreground: #ffffff;
  --success: #047857;
  --success-foreground: #ffffff;
  --warning: #a15c07;
  --warning-foreground: #ffffff;
  --info: #0369a1;
  --info-foreground: #ffffff;
  --border: #e4e7f0;
  --input: #d5dbea;
  --ring: var(--primary);
  --chart-1: #e11d48;
  --chart-2: #0d9488;
  --chart-3: #d97706;
  --chart-4: #0284c7;
  --chart-5: #e11d48;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #8b5cf6;
  --chart-7: #0891b2;
  --chart-8: #64748b;
  --shadow-xs: 0 1px 2px rgb(16 24 40 / .03);
  --shadow-sm: 0 4px 12px rgb(16 24 40 / .05);
  --shadow-md: 0 12px 32px rgb(16 24 40 / .08);
  --shadow-card: 0 2px 8px rgb(16 24 40 / .035);
  --shadow-pop: 0 16px 48px rgb(16 24 40 / .12);
}
.rynzo-theme[data-skin="rose"][data-theme="dark"] {
  color-scheme: dark;
  --radius: 1rem;
  --accent-50: #fff1f2;
  --accent-100: #ffe4e6;
  --accent-200: #fecdd3;
  --accent-300: #fda4af;
  --accent-400: #fb7185;
  --accent-500: #f43f5e;
  --accent-600: #e11d48;
  --accent-700: #be123c;
  --accent-800: #9f1239;
  --accent-900: #881337;
  --accent-950: #4c0519;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-300);
  --accent-active: var(--accent-500);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #0d1220;
  --primary: var(--accent-400);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #0d1220;
  --primary-soft: var(--accent-soft);
  --background: #0d1220;
  --foreground: #e8edf7;
  --card: #151d2e;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #253047;
  --secondary-foreground: #d1daed;
  --muted: #1c263a;
  --muted-foreground: #9daac1;
  --accent: #222d46;
  --accent-foreground: var(--primary);
  --destructive: #fda4af;
  --destructive-foreground: #3b1020;
  --success: #6ee7b7;
  --success-foreground: #052e24;
  --warning: #fcd34d;
  --warning-foreground: #35230b;
  --info: #7dd3fc;
  --info-foreground: #102b40;
  --border: #29344a;
  --input: #36435d;
  --ring: var(--primary);
  --chart-1: #fb7185;
  --chart-2: #5eead4;
  --chart-3: #fcd34d;
  --chart-4: #7dd3fc;
  --chart-5: #fda4af;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #c4b5fd;
  --chart-7: #67e8f9;
  --chart-8: #a5b4fc;
  --shadow-xs: 0 1px 2px rgb(0 0 0 / .12);
  --shadow-sm: 0 4px 12px rgb(0 0 0 / .16);
  --shadow-md: 0 12px 32px rgb(0 0 0 / .25);
  --shadow-card: 0 2px 8px rgb(0 0 0 / .1);
  --shadow-pop: 0 16px 48px rgb(0 0 0 / .35);
}
.rynzo-theme[data-skin="orange"][data-theme="light"] {
  color-scheme: light;
  --radius: 1rem;
  --accent-50: #fff7ed;
  --accent-100: #ffedd5;
  --accent-200: #fed7aa;
  --accent-300: #fdba74;
  --accent-400: #fb923c;
  --accent-500: #f97316;
  --accent-600: #ea580c;
  --accent-700: #c2410c;
  --accent-800: #9a3412;
  --accent-900: #7c2d12;
  --accent-950: #431407;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-800);
  --accent-active: var(--accent-900);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #ffffff;
  --primary: var(--accent-700);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #ffffff;
  --primary-soft: var(--accent-soft);
  --background: #f6f7fb;
  --foreground: #182230;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #eef0f8;
  --secondary-foreground: #344054;
  --muted: #f1f3f9;
  --muted-foreground: #667085;
  --accent: #fff7ed;
  --accent-foreground: var(--primary);
  --destructive: #be123c;
  --destructive-foreground: #ffffff;
  --success: #047857;
  --success-foreground: #ffffff;
  --warning: #a15c07;
  --warning-foreground: #ffffff;
  --info: #0369a1;
  --info-foreground: #ffffff;
  --border: #e4e7f0;
  --input: #d5dbea;
  --ring: var(--primary);
  --chart-1: #ea580c;
  --chart-2: #0d9488;
  --chart-3: #d97706;
  --chart-4: #0284c7;
  --chart-5: #e11d48;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #8b5cf6;
  --chart-7: #0891b2;
  --chart-8: #64748b;
  --shadow-xs: 0 1px 2px rgb(16 24 40 / .03);
  --shadow-sm: 0 4px 12px rgb(16 24 40 / .05);
  --shadow-md: 0 12px 32px rgb(16 24 40 / .08);
  --shadow-card: 0 2px 8px rgb(16 24 40 / .035);
  --shadow-pop: 0 16px 48px rgb(16 24 40 / .12);
}
.rynzo-theme[data-skin="orange"][data-theme="dark"] {
  color-scheme: dark;
  --radius: 1rem;
  --accent-50: #fff7ed;
  --accent-100: #ffedd5;
  --accent-200: #fed7aa;
  --accent-300: #fdba74;
  --accent-400: #fb923c;
  --accent-500: #f97316;
  --accent-600: #ea580c;
  --accent-700: #c2410c;
  --accent-800: #9a3412;
  --accent-900: #7c2d12;
  --accent-950: #431407;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-300);
  --accent-active: var(--accent-500);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #0d1220;
  --primary: var(--accent-400);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #0d1220;
  --primary-soft: var(--accent-soft);
  --background: #0d1220;
  --foreground: #e8edf7;
  --card: #151d2e;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #253047;
  --secondary-foreground: #d1daed;
  --muted: #1c263a;
  --muted-foreground: #9daac1;
  --accent: #222d46;
  --accent-foreground: var(--primary);
  --destructive: #fda4af;
  --destructive-foreground: #3b1020;
  --success: #6ee7b7;
  --success-foreground: #052e24;
  --warning: #fcd34d;
  --warning-foreground: #35230b;
  --info: #7dd3fc;
  --info-foreground: #102b40;
  --border: #29344a;
  --input: #36435d;
  --ring: var(--primary);
  --chart-1: #fb923c;
  --chart-2: #5eead4;
  --chart-3: #fcd34d;
  --chart-4: #7dd3fc;
  --chart-5: #fda4af;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #c4b5fd;
  --chart-7: #67e8f9;
  --chart-8: #a5b4fc;
  --shadow-xs: 0 1px 2px rgb(0 0 0 / .12);
  --shadow-sm: 0 4px 12px rgb(0 0 0 / .16);
  --shadow-md: 0 12px 32px rgb(0 0 0 / .25);
  --shadow-card: 0 2px 8px rgb(0 0 0 / .1);
  --shadow-pop: 0 16px 48px rgb(0 0 0 / .35);
}
.rynzo-theme[data-skin="cyan"][data-theme="light"] {
  color-scheme: light;
  --radius: 1rem;
  --accent-50: #ecfeff;
  --accent-100: #cffafe;
  --accent-200: #a5f3fc;
  --accent-300: #67e8f9;
  --accent-400: #22d3ee;
  --accent-500: #06b6d4;
  --accent-600: #0891b2;
  --accent-700: #0e7490;
  --accent-800: #155e75;
  --accent-900: #164e63;
  --accent-950: #083344;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-800);
  --accent-active: var(--accent-900);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #ffffff;
  --primary: var(--accent-700);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #ffffff;
  --primary-soft: var(--accent-soft);
  --background: #f6f7fb;
  --foreground: #182230;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #eef0f8;
  --secondary-foreground: #344054;
  --muted: #f1f3f9;
  --muted-foreground: #667085;
  --accent: #ecfeff;
  --accent-foreground: var(--primary);
  --destructive: #be123c;
  --destructive-foreground: #ffffff;
  --success: #047857;
  --success-foreground: #ffffff;
  --warning: #a15c07;
  --warning-foreground: #ffffff;
  --info: #0369a1;
  --info-foreground: #ffffff;
  --border: #e4e7f0;
  --input: #d5dbea;
  --ring: var(--primary);
  --chart-1: #0891b2;
  --chart-2: #0d9488;
  --chart-3: #d97706;
  --chart-4: #0284c7;
  --chart-5: #e11d48;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #8b5cf6;
  --chart-7: #0891b2;
  --chart-8: #64748b;
  --shadow-xs: 0 1px 2px rgb(16 24 40 / .03);
  --shadow-sm: 0 4px 12px rgb(16 24 40 / .05);
  --shadow-md: 0 12px 32px rgb(16 24 40 / .08);
  --shadow-card: 0 2px 8px rgb(16 24 40 / .035);
  --shadow-pop: 0 16px 48px rgb(16 24 40 / .12);
}
.rynzo-theme[data-skin="cyan"][data-theme="dark"] {
  color-scheme: dark;
  --radius: 1rem;
  --accent-50: #ecfeff;
  --accent-100: #cffafe;
  --accent-200: #a5f3fc;
  --accent-300: #67e8f9;
  --accent-400: #22d3ee;
  --accent-500: #06b6d4;
  --accent-600: #0891b2;
  --accent-700: #0e7490;
  --accent-800: #155e75;
  --accent-900: #164e63;
  --accent-950: #083344;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-300);
  --accent-active: var(--accent-500);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #0d1220;
  --primary: var(--accent-400);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #0d1220;
  --primary-soft: var(--accent-soft);
  --background: #0d1220;
  --foreground: #e8edf7;
  --card: #151d2e;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #253047;
  --secondary-foreground: #d1daed;
  --muted: #1c263a;
  --muted-foreground: #9daac1;
  --accent: #222d46;
  --accent-foreground: var(--primary);
  --destructive: #fda4af;
  --destructive-foreground: #3b1020;
  --success: #6ee7b7;
  --success-foreground: #052e24;
  --warning: #fcd34d;
  --warning-foreground: #35230b;
  --info: #7dd3fc;
  --info-foreground: #102b40;
  --border: #29344a;
  --input: #36435d;
  --ring: var(--primary);
  --chart-1: #22d3ee;
  --chart-2: #5eead4;
  --chart-3: #fcd34d;
  --chart-4: #7dd3fc;
  --chart-5: #fda4af;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #c4b5fd;
  --chart-7: #67e8f9;
  --chart-8: #a5b4fc;
  --shadow-xs: 0 1px 2px rgb(0 0 0 / .12);
  --shadow-sm: 0 4px 12px rgb(0 0 0 / .16);
  --shadow-md: 0 12px 32px rgb(0 0 0 / .25);
  --shadow-card: 0 2px 8px rgb(0 0 0 / .1);
  --shadow-pop: 0 16px 48px rgb(0 0 0 / .35);
}
.rynzo-theme[data-skin="graphite"][data-theme="light"] {
  color-scheme: light;
  --radius: 1rem;
  --accent-50: #f8fafc;
  --accent-100: #f1f5f9;
  --accent-200: #e2e8f0;
  --accent-300: #cbd5e1;
  --accent-400: #94a3b8;
  --accent-500: #64748b;
  --accent-600: #475569;
  --accent-700: #334155;
  --accent-800: #1e293b;
  --accent-900: #0f172a;
  --accent-950: #020617;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-700);
  --accent-active: var(--accent-800);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #ffffff;
  --primary: var(--accent-600);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #ffffff;
  --primary-soft: var(--accent-soft);
  --background: #f6f7fb;
  --foreground: #182230;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #eef0f8;
  --secondary-foreground: #344054;
  --muted: #f1f3f9;
  --muted-foreground: #667085;
  --accent: #f8fafc;
  --accent-foreground: var(--primary);
  --destructive: #be123c;
  --destructive-foreground: #ffffff;
  --success: #047857;
  --success-foreground: #ffffff;
  --warning: #a15c07;
  --warning-foreground: #ffffff;
  --info: #0369a1;
  --info-foreground: #ffffff;
  --border: #e4e7f0;
  --input: #d5dbea;
  --ring: var(--primary);
  --chart-1: #475569;
  --chart-2: #0d9488;
  --chart-3: #d97706;
  --chart-4: #0284c7;
  --chart-5: #e11d48;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #8b5cf6;
  --chart-7: #0891b2;
  --chart-8: #64748b;
  --shadow-xs: 0 1px 2px rgb(16 24 40 / .03);
  --shadow-sm: 0 4px 12px rgb(16 24 40 / .05);
  --shadow-md: 0 12px 32px rgb(16 24 40 / .08);
  --shadow-card: 0 2px 8px rgb(16 24 40 / .035);
  --shadow-pop: 0 16px 48px rgb(16 24 40 / .12);
}
.rynzo-theme[data-skin="graphite"][data-theme="dark"] {
  color-scheme: dark;
  --radius: 1rem;
  --accent-50: #f8fafc;
  --accent-100: #f1f5f9;
  --accent-200: #e2e8f0;
  --accent-300: #cbd5e1;
  --accent-400: #94a3b8;
  --accent-500: #64748b;
  --accent-600: #475569;
  --accent-700: #334155;
  --accent-800: #1e293b;
  --accent-900: #0f172a;
  --accent-950: #020617;
  --accent-color: var(--primary);
  --accent-hover: var(--accent-300);
  --accent-active: var(--accent-500);
  --accent-soft: color-mix(in oklab, var(--accent-600) 11%, transparent);
  --accent-border: color-mix(in oklab, var(--accent-600) 28%, var(--border));
  --accent-ring: color-mix(in oklab, var(--accent-600) 32%, transparent);
  --accent-contrast: #0d1220;
  --primary: var(--accent-400);
  --primary-hover: var(--accent-hover);
  --primary-active: var(--accent-active);
  --primary-foreground: #0d1220;
  --primary-soft: var(--accent-soft);
  --background: #0d1220;
  --foreground: #e8edf7;
  --card: #151d2e;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --secondary: #253047;
  --secondary-foreground: #d1daed;
  --muted: #1c263a;
  --muted-foreground: #9daac1;
  --accent: #222d46;
  --accent-foreground: var(--primary);
  --destructive: #fda4af;
  --destructive-foreground: #3b1020;
  --success: #6ee7b7;
  --success-foreground: #052e24;
  --warning: #fcd34d;
  --warning-foreground: #35230b;
  --info: #7dd3fc;
  --info-foreground: #102b40;
  --border: #29344a;
  --input: #36435d;
  --ring: var(--primary);
  --chart-1: #94a3b8;
  --chart-2: #5eead4;
  --chart-3: #fcd34d;
  --chart-4: #7dd3fc;
  --chart-5: #fda4af;
  --header: var(--card);
  --sidebar: var(--card);
  --sidebar-foreground: var(--muted-foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--primary);
  --chart-6: #c4b5fd;
  --chart-7: #67e8f9;
  --chart-8: #a5b4fc;
  --shadow-xs: 0 1px 2px rgb(0 0 0 / .12);
  --shadow-sm: 0 4px 12px rgb(0 0 0 / .16);
  --shadow-md: 0 12px 32px rgb(0 0 0 / .25);
  --shadow-card: 0 2px 8px rgb(0 0 0 / .1);
  --shadow-pop: 0 16px 48px rgb(0 0 0 / .35);
}