/* Adwaita — GNOME default. Palette mapping from libadwaita named colors:
   https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/css-variables.html
   Avatar palette uses GNOME's 9 user-selectable accent colors (libadwaita 1.6+). */
@layer base {
  /* Adwaita Light */
  [data-theme="adwaita-light"] {
    color-scheme: light;
    --background: 240 11% 98%;             /* window_bg #FAFAFB */
    --foreground: 240 5% 21%;              /* window_fg rgb(0 0 6 / 80%) over white */
    --card: 0 0% 100%;                     /* view_bg #FFFFFF */
    --card-foreground: 240 5% 21%;         /* view_fg */
    --popover: 0 0% 100%;                  /* headerbar_bg #FFFFFF */
    --popover-foreground: 240 5% 21%;      /* headerbar_fg */
    --primary: 213 76% 55%;                /* accent_bg #3584E4 — Adwaita blue */
    --primary-foreground: 0 0% 100%;       /* accent_fg */
    --secondary: 240 5% 92%;               /* sidebar_bg #EBEBED */
    --secondary-foreground: 240 5% 21%;    /* foreground */
    --muted: 240 5% 92%;                   /* sidebar_bg */
    --muted-foreground: 240 5% 40%;        /* derived: dim foreground */
    --accent: 240 5% 92%;                  /* sidebar_bg */
    --accent-foreground: 240 5% 21%;       /* foreground */
    --destructive: 357 79% 49%;            /* destructive_bg #E01B24 */
    --destructive-foreground: 0 0% 100%;   /* destructive_fg */
    --border: 0 0% 83%;                    /* derived: ~12% darker than window */
    --input: 0 0% 83%;                     /* same as border */
    --ring: 213 76% 55%;                   /* Adwaita blue (matches primary) */
    /* Avatar palette: GNOME 9 accent colors (libadwaita 1.6+ user choices). */
    --avatar-fg: 0 0% 100%;                /* white */
    --avatar-1:  213 76% 55%;              /* blue #3584E4 */
    --avatar-2:  189 67% 39%;              /* teal #2190A4 */
    --avatar-3:  128 43% 40%;              /* green #3A944A */
    --avatar-4:  41 100% 39%;              /* yellow #C88800 */
    --avatar-5:  23 100% 46%;              /* orange #ED5B00 */
    --avatar-6:  354 80% 54%;              /* red #E62D42 */
    --avatar-7:  332 56% 60%;              /* pink #D56199 */
    --avatar-8:  290 45% 46%;              /* purple #9141AC */
    --avatar-9:  211 14% 51%;              /* slate #6F8396 */
    --avatar-10: 213 76% 55%;              /* blue (repeat) */
    --avatar-11: 128 43% 40%;              /* green (repeat) */
    --avatar-12: 23 100% 46%;              /* orange (repeat) */
    --avatar-13: 290 45% 46%;              /* purple (repeat) */
    --avatar-14: 332 56% 60%;              /* pink (repeat) */
  }

  /* Adwaita Dark */
  [data-theme="adwaita-dark"] {
    color-scheme: dark;
    --background: 240 6% 14%;              /* window_bg #222226 */
    --foreground: 0 0% 100%;               /* window_fg #FFFFFF */
    --card: 240 5% 12%;                    /* view_bg #1D1D20 (slightly darker — Adwaita convention) */
    --card-foreground: 0 0% 100%;          /* view_fg */
    --popover: 240 4% 19%;                 /* headerbar_bg #2E2E32 */
    --popover-foreground: 0 0% 100%;       /* headerbar_fg */
    --primary: 213 76% 55%;                /* accent_bg #3584E4 — Adwaita blue */
    --primary-foreground: 0 0% 100%;       /* accent_fg */
    --secondary: 240 4% 19%;               /* headerbar/sidebar */
    --secondary-foreground: 0 0% 100%;     /* foreground */
    --muted: 240 4% 19%;                   /* same tier */
    --muted-foreground: 240 2% 75%;        /* rgba(255,255,255,0.7) over window_bg */
    --accent: 240 4% 19%;                  /* same tier */
    --accent-foreground: 0 0% 100%;        /* foreground */
    --destructive: 356 75% 43%;            /* destructive_bg #C01C28 */
    --destructive-foreground: 0 0% 100%;   /* destructive_fg */
    --border: 240 3% 27%;                  /* rgba(255,255,255,0.15) over window_bg */
    --input: 240 3% 27%;                   /* same as border */
    --ring: 213 76% 55%;                   /* Adwaita blue */
    /* Avatar palette: GNOME 9 accent colors (libadwaita 1.6+ user choices). */
    --avatar-fg: 0 0% 100%;                /* white */
    --avatar-1:  213 76% 55%;              /* blue */
    --avatar-2:  189 67% 39%;              /* teal */
    --avatar-3:  128 43% 40%;              /* green */
    --avatar-4:  41 100% 39%;              /* yellow */
    --avatar-5:  23 100% 46%;              /* orange */
    --avatar-6:  354 80% 54%;              /* red */
    --avatar-7:  332 56% 60%;              /* pink */
    --avatar-8:  290 45% 46%;              /* purple */
    --avatar-9:  211 14% 51%;              /* slate */
    --avatar-10: 213 76% 55%;              /* blue (repeat) */
    --avatar-11: 128 43% 40%;              /* green (repeat) */
    --avatar-12: 23 100% 46%;              /* orange (repeat) */
    --avatar-13: 290 45% 46%;              /* purple (repeat) */
    --avatar-14: 332 56% 60%;              /* pink (repeat) */
  }
}
