/* @amili/ui-tokens/theme.css */

:root {
  /* Brand Palette (RGB values for Tailwind use or general properties) */
  --amili-ui-purple-50: 250 245 255;
  --amili-ui-purple-100: 243 232 255;
  --amili-ui-purple-200: 233 213 255;
  --amili-ui-purple-300: 216 180 254;
  --amili-ui-purple-400: 192 132 252;
  --amili-ui-purple-500: 155 70 220;
  --amili-ui-purple-600: 126 49 181;
  --amili-ui-purple-700: 96 36 145;
  --amili-ui-purple-800: 69 27 105;
  --amili-ui-purple-900: 47 21 72;

  /* Secondary brand */
  --amili-ui-magenta-500: 211 51 144;
  --amili-ui-blue-600: 51 63 184;
  --amili-ui-navy-900: 25 27 83;

  /* Neutral */
  --amili-ui-neutral-0: 255 255 255;
  --amili-ui-neutral-50: 249 249 251;
  --amili-ui-neutral-100: 244 244 247;
  --amili-ui-neutral-200: 229 229 234;
  --amili-ui-neutral-500: 107 107 120;
  --amili-ui-neutral-700: 57 57 68;
  --amili-ui-neutral-900: 24 24 30;

  /* Sizing/Radii visual language */
  --radius-button: 10px;
  --radius-input: 10px;
  --radius-card: 14px;
  --radius-dialog: 16px;
  --radius-panel: 20px;
  --radius-badge: 9999px;

  /* Restrained Shadows */
  --shadow-xs: 0 1px 2px rgb(24 24 30 / 0.05);
  --shadow-sm: 0 1px 3px rgb(24 24 30 / 0.08), 0 1px 2px rgb(24 24 30 / 0.04);
  --shadow-md: 0 8px 24px rgb(47 21 72 / 0.08);
}

/* Light theme mapping (Default) */
:root, .light {
  color-scheme: light;

  --background: 0 0% 100%;
  --foreground: 245 22% 15%;

  --card: 0 0% 100%;
  --card-foreground: 245 22% 15%;

  --popover: 0 0% 100%;
  --popover-foreground: 245 22% 15%;

  --primary: 276 57% 45%;
  --primary-foreground: 0 0% 100%;

  --secondary: 270 65% 96%;
  --secondary-foreground: 276 57% 32%;

  --accent: 276 57% 92%;       /* soft purple tint (was pink) */
  --accent-foreground: 276 57% 30%;

  --muted: 250 15% 96%;
  --muted-foreground: 245 8% 44%;

  --border: 250 12% 90%;
  --input: 250 12% 88%;
  --ring: 276 57% 45%;

  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;

  --success: 151 55% 38%;
  --warning: 36 88% 48%;
  --info: 225 60% 49%;

  --radius: 14px; /* default Card radius */
}

/* Dark theme mapping */
.dark {
  color-scheme: dark;

  --background: 245 22% 6%;
  --foreground: 250 15% 96%;

  --card: 245 22% 8%;
  --card-foreground: 250 15% 96%;

  --popover: 245 22% 8%;
  --popover-foreground: 250 15% 96%;

  --primary: 276 57% 55%;
  --primary-foreground: 245 22% 6%;

  --secondary: 270 30% 14%;
  --secondary-foreground: 270 65% 90%;

  --accent: 276 30% 20%;       /* dark soft purple tint */
  --accent-foreground: 270 65% 90%;

  --muted: 245 15% 12%;
  --muted-foreground: 245 8% 64%;

  --border: 245 15% 16%;
  --input: 245 15% 18%;
  --ring: 276 57% 55%;

  --destructive: 0 72% 55%;
  --destructive-foreground: 245 22% 6%;

  --success: 151 55% 42%;
  --warning: 36 88% 52%;
  --info: 225 60% 55%;

  /* Dark mode specific shadows */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.6);
}