/* Roundcast — Indigo Skin (default)
   Scope: [data-skin="indigo"]
   These are the original Roundcast design tokens, scoped to the indigo skin.
   Both light and dark variants are defined here so the skin is self-contained.
*/

[data-skin="indigo"] {
    --sidebar-w: 13.5rem;
    --background: 0 0% 100%;
    --foreground: 240 10% 10%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 10%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 10%;
    --primary: 252 80% 57%;        /* Indigo #5B4CF5 */
    --primary-foreground: 0 0% 100%;
    --secondary: 240 5% 96%;
    --secondary-foreground: 240 10% 10%;
    --muted: 240 5% 96%;
    --muted-foreground: 240 5% 50%;
    --accent: 252 60% 95%;         /* Indigo-tint für Hover */
    --accent-foreground: 252 80% 40%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 6% 90%;
    --input: 240 6% 90%;
    --ring: 252 80% 57%;
}

[data-skin="indigo"].dark {
    --background: 240 10% 9%;      /* #141418 */
    --foreground: 240 5% 96%;
    --card: 240 10% 11%;           /* #16161c */
    --card-foreground: 240 5% 96%;
    --popover: 240 10% 14%;
    --popover-foreground: 240 5% 96%;
    --primary: 252 75% 65%;        /* Indigo heller im Dark Mode */
    --primary-foreground: 0 0% 100%;
    --secondary: 240 7% 18%;
    --secondary-foreground: 240 5% 90%;
    --muted: 240 7% 16%;
    --muted-foreground: 240 5% 55%;
    --accent: 252 50% 20%;
    --accent-foreground: 252 80% 80%;
    --destructive: 0 62% 35%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 7% 20%;
    --input: 240 7% 14%;
    --ring: 252 75% 65%;
}