/* VS Code — palette transcribed from microsoft/vscode:
   extensions/theme-defaults/themes/{dark,light}_modern.json (the current
   defaults shipped since 2023). Iconic VS Code blue (#005FB8 light /
   #0078D4 dark) drives --primary. Aerion-specific override: --ring matches
   --primary. Avatar palette uses VS Code's terminal ANSI colors. */
@layer base {
  /* VS Code Light Modern */
  [data-theme="vs-code-light"] {
    color-scheme: light;
    --background: 0 0% 97%;            /* activityBar.background #F8F8F8 — chrome */
    --foreground: 0 0% 23%;            /* editor.foreground #3B3B3B */
    --card: 0 0% 100%;                 /* editor.background #FFFFFF */
    --card-foreground: 0 0% 23%;
    --popover: 0 0% 100%;              /* editor.background */
    --popover-foreground: 0 0% 23%;
    --primary: 209 100% 36%;           /* button.background #005FB8 — VS Code blue */
    --primary-foreground: 0 0% 100%;
    --secondary: 0 0% 90%;             /* button.secondaryBackground #E5E5E5 */
    --secondary-foreground: 0 0% 23%;
    --muted: 0 0% 90%;
    --muted-foreground: 0 0% 38%;      /* activityBar.inactiveForeground #616161 */
    --accent: 0 0% 90%;
    --accent-foreground: 0 0% 23%;
    --destructive: 3 92% 63%;          /* errorForeground #F85149 */
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 81%;                /* input.border #CECECE */
    --input: 0 0% 81%;
    --ring: 209 100% 36%;              /* VS Code blue */
    /* Avatar palette: VS Code terminal ANSI colors with white initials. */
    --avatar-fg: 0 0% 100%;
    --avatar-1:  208 100% 42%;         /* VS Code blue #0078D4 */
    --avatar-2:  0 62% 50%;            /* terminal red #CD3131 */
    --avatar-3:  156 87% 39%;          /* terminal green #0DBC79 */
    --avatar-4:  60 89% 48%;           /* terminal yellow #E5E510 */
    --avatar-5:  300 50% 49%;          /* terminal magenta #BC3FBC */
    --avatar-6:  191 84% 43%;          /* terminal cyan #11A8CD */
    --avatar-7:  0 86% 62%;            /* bright red #F14C4C */
    --avatar-8:  154 71% 48%;          /* bright green #23D18B */
    --avatar-9:  213 81% 58%;          /* bright blue #3B8EEA */
    --avatar-10: 208 100% 42%;         /* blue (repeat) */
    --avatar-11: 0 62% 50%;            /* red (repeat) */
    --avatar-12: 156 87% 39%;          /* green (repeat) */
    --avatar-13: 60 89% 48%;           /* yellow (repeat) */
    --avatar-14: 300 50% 49%;          /* magenta (repeat) */
  }

  /* VS Code Dark Modern */
  [data-theme="vs-code-dark"] {
    color-scheme: dark;
    --background: 0 0% 12%;            /* editor.background #1F1F1F */
    --foreground: 0 0% 80%;            /* editor.foreground #CCCCCC */
    --card: 0 0% 12%;                  /* editor.background — flat */
    --card-foreground: 0 0% 80%;
    --popover: 0 0% 13%;               /* editorWidget.background #202020 */
    --popover-foreground: 0 0% 80%;
    --primary: 208 100% 42%;           /* button.background #0078D4 — VS Code blue */
    --primary-foreground: 0 0% 100%;
    --secondary: 0 0% 19%;             /* dropdown.background #313131 */
    --secondary-foreground: 0 0% 80%;
    --muted: 0 0% 19%;
    --muted-foreground: 0 0% 53%;      /* activityBar.inactiveForeground #868686 */
    --accent: 0 0% 19%;
    --accent-foreground: 0 0% 80%;
    --destructive: 3 92% 63%;          /* errorForeground #F85149 */
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 24%;                /* dropdown.border #3C3C3C */
    --input: 0 0% 19%;
    --ring: 208 100% 42%;              /* VS Code blue */
    /* Avatar palette: same VS Code terminal ANSI colors as Light variant. */
    --avatar-fg: 0 0% 100%;
    --avatar-1:  208 100% 42%;         /* blue */
    --avatar-2:  0 62% 50%;            /* red */
    --avatar-3:  156 87% 39%;          /* green */
    --avatar-4:  60 89% 48%;           /* yellow */
    --avatar-5:  300 50% 49%;          /* magenta */
    --avatar-6:  191 84% 43%;          /* cyan */
    --avatar-7:  0 86% 62%;            /* bright red */
    --avatar-8:  154 71% 48%;          /* bright green */
    --avatar-9:  213 81% 58%;          /* bright blue */
    --avatar-10: 208 100% 42%;         /* blue (repeat) */
    --avatar-11: 0 62% 50%;            /* red (repeat) */
    --avatar-12: 156 87% 39%;          /* green (repeat) */
    --avatar-13: 60 89% 48%;           /* yellow (repeat) */
    --avatar-14: 300 50% 49%;          /* magenta (repeat) */
  }
}
