/* Pop! — inspired by Pop!_OS 24.04 LTS COSMIC desktop default theme.
   Palette transcribed from pop-os/cosmic-settings:
   resources/default_schema/com.system76.CosmicTheme.{Dark,Light}/v1/.
   Theme is named "Pop!" (not "Pop!_OS") to avoid implying official endorsement.

   Note on accent: COSMIC's default accent in Dark is cyan/teal #63D0DF
   (NOT the System76 brand orange older Pop!_OS GNOME shells used).
   Light mode uses a deep teal #00525A for proper contrast on light bg.

   Avatar palette: 9 bright COSMIC accent colors (shared across both variants)
   with dark initials. Aerion-specific override: --ring matches --primary. */
@layer base {
  /* Pop! Light — primary.base bg, secondary.base elevated cards. */
  [data-theme="pop-light"] {
    color-scheme: light;
    --background: 0 0% 92%;                /* primary.base #EBEBEB */
    --foreground: 0 0% 0%;                 /* neutral_10 #000000 */
    --card: 0 0% 99%;                      /* secondary.base #FCFCFC */
    --card-foreground: 0 0% 0%;
    --popover: 0 0% 99%;                   /* secondary.base */
    --popover-foreground: 0 0% 0%;
    --primary: 188 100% 18%;               /* accent_blue #00525A — COSMIC Light deep teal */
    --primary-foreground: 0 0% 99%;        /* white-ish text on deep teal */
    --secondary: 0 0% 89%;                 /* gray_2 #E4E4E4 */
    --secondary-foreground: 0 0% 0%;
    --muted: 0 0% 89%;                     /* gray_2 */
    --muted-foreground: 0 0% 39%;          /* neutral_5 #636363 */
    --accent: 0 0% 89%;                    /* gray_2 */
    --accent-foreground: 0 0% 0%;
    --destructive: 354 49% 32%;            /* destructive.base #78292E — deep red */
    --destructive-foreground: 0 0% 99%;
    --border: 0 0% 84%;                    /* gray_1 #D7D7D7 */
    --input: 0 0% 84%;
    --ring: 188 100% 18%;                  /* accent_blue (deep teal) */
    /* Avatar palette: bright COSMIC Dark accents — designed to work in both modes. */
    --avatar-fg: 0 0% 15%;                 /* primary.base from Dark — soft dark text */
    --avatar-1:  188 67% 63%;              /* accent_blue #63D0DF */
    --avatar-2:  213 66% 78%;              /* accent_indigo #A1C0EB */
    --avatar-3:  290 96% 80%;              /* accent_purple #E79CFE */
    --avatar-4:  348 100% 80%;             /* accent_pink #FF9CB1 */
    --avatar-5:  1 95% 81%;                /* accent_red #FDA1A0 */
    --avatar-6:  41 100% 50%;              /* accent_orange #FFAD00 */
    --avatar-7:  52 91% 67%;               /* accent_yellow #F7E062 */
    --avatar-8:  130 33% 69%;              /* accent_green #92CF9C */
    --avatar-9:  15 22% 75%;               /* accent_warm_grey #CABAB4 */
    --avatar-10: 188 67% 63%;              /* blue (repeat) */
    --avatar-11: 290 96% 80%;              /* purple (repeat) */
    --avatar-12: 41 100% 50%;              /* orange (repeat) */
    --avatar-13: 130 33% 69%;              /* green (repeat) */
    --avatar-14: 348 100% 80%;             /* pink (repeat) */
  }

  /* Pop! Dark — primary.base bg (the COSMIC app window color), with the iconic
     bright cyan accent #63D0DF. */
  [data-theme="pop-dark"] {
    color-scheme: dark;
    --background: 0 0% 15%;                /* primary.base #272727 */
    --foreground: 0 0% 100%;               /* neutral_10 #FFFFFF */
    --card: 0 0% 15%;                      /* primary.base — flat, Aerion convention */
    --card-foreground: 0 0% 100%;
    --popover: 0 0% 15%;
    --popover-foreground: 0 0% 100%;
    --primary: 188 67% 63%;                /* accent_blue #63D0DF — COSMIC default cyan */
    --primary-foreground: 0 0% 15%;        /* dark text on cyan */
    --secondary: 0 0% 20%;                 /* secondary.base #343434 */
    --secondary-foreground: 0 0% 100%;
    --muted: 0 0% 20%;
    --muted-foreground: 0 0% 75%;          /* neutral_8 #BEBEBE */
    --accent: 0 0% 20%;
    --accent-foreground: 0 0% 100%;
    --destructive: 1 95% 81%;              /* destructive.base #FDA1A0 — soft pink-red */
    --destructive-foreground: 0 0% 15%;    /* dark text on light pink */
    --border: 0 0% 28%;                    /* neutral_4 #484848 — visible */
    --input: 0 0% 28%;
    --ring: 188 67% 63%;                   /* accent_blue */
    /* Avatar palette: same 9 COSMIC accents as Pop! Light. */
    --avatar-fg: 0 0% 15%;                 /* primary.base — dark text */
    --avatar-1:  188 67% 63%;              /* accent_blue */
    --avatar-2:  213 66% 78%;              /* accent_indigo */
    --avatar-3:  290 96% 80%;              /* accent_purple */
    --avatar-4:  348 100% 80%;             /* accent_pink */
    --avatar-5:  1 95% 81%;                /* accent_red */
    --avatar-6:  41 100% 50%;              /* accent_orange */
    --avatar-7:  52 91% 67%;               /* accent_yellow */
    --avatar-8:  130 33% 69%;              /* accent_green */
    --avatar-9:  15 22% 75%;               /* accent_warm_grey */
    --avatar-10: 188 67% 63%;              /* blue (repeat) */
    --avatar-11: 290 96% 80%;              /* purple (repeat) */
    --avatar-12: 41 100% 50%;              /* orange (repeat) */
    --avatar-13: 130 33% 69%;              /* green (repeat) */
    --avatar-14: 348 100% 80%;             /* pink (repeat) */
  }
}
