/* Yaru — Ubuntu's default GNOME theme. Palette transcribed from ubuntu/yaru:
   gtk/src/default/gtk-4.0/_palette.scss + _colors.scss (canonical reference).
   Iconic Ubuntu orange #E95420 ($orange) drives --primary in both variants.
   Aerion-specific override: --ring matches --primary. */
@layer base {
  /* Yaru Light — $bg_color #FAFAFA, $base_color #FFFFFF (slightly brighter view). */
  [data-theme="yaru-light"] {
    color-scheme: light;
    --background: 0 0% 98%;                /* $bg_color #FAFAFA */
    --foreground: 0 0% 24%;                /* $inkstone #3D3D3D — Yaru's near-black fg */
    --card: 0 0% 100%;                     /* $base_color #FFFFFF */
    --card-foreground: 0 0% 24%;
    --popover: 0 0% 100%;                  /* $base_color */
    --popover-foreground: 0 0% 24%;
    --primary: 14 82% 52%;                 /* $orange #E95420 — Ubuntu brand */
    --primary-foreground: 0 0% 100%;       /* $white */
    --secondary: 0 0% 92%;                 /* $menu_selected_color (darken bg 6%) */
    --secondary-foreground: 0 0% 24%;
    --muted: 0 0% 92%;
    --muted-foreground: 0 0% 53%;          /* $ash #878787 */
    --accent: 0 0% 92%;
    --accent-foreground: 0 0% 24%;
    --destructive: 354 80% 43%;            /* $red #C7162B */
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 73%;                    /* $borders_color (darken bg 18%) */
    --input: 0 0% 73%;
    --ring: 14 82% 52%;                    /* $orange */
    /* Avatar palette: 9 distinct Yaru colors with white initials. */
    --avatar-fg: 0 0% 100%;                /* white */
    --avatar-1:  14 82% 52%;               /* $orange — Ubuntu brand */
    --avatar-2:  197 86% 51%;              /* $blue #19B6EE */
    --avatar-3:  37 95% 53%;               /* $yellow #F99B11 */
    --avatar-4:  354 80% 43%;              /* $red #C7162B */
    --avatar-5:  130 81% 29%;              /* $green #0E8420 */
    --avatar-6:  305 31% 44%;              /* $aubergine #924D8B */
    --avatar-7:  196 100% 33%;             /* $linkblue #007AA6 */
    --avatar-8:  217 43% 35%;              /* $darkblue #335280 */
    --avatar-9:  29 8% 65%;                /* $warm_gray #AEA79F */
    --avatar-10: 14 82% 52%;               /* orange (repeat) */
    --avatar-11: 197 86% 51%;              /* blue (repeat) */
    --avatar-12: 37 95% 53%;               /* yellow (repeat) */
    --avatar-13: 354 80% 43%;              /* red (repeat) */
    --avatar-14: 305 31% 44%;              /* aubergine (repeat) */
  }

  /* Yaru Dark — $bg_color (lighten jet 8%), $base_color (lighten jet 6%, slightly
     darker view per libadwaita/Yaru convention). */
  [data-theme="yaru-dark"] {
    color-scheme: dark;
    --background: 0 0% 17%;                /* $bg_color #2C2C2C */
    --foreground: 0 0% 97%;                /* $porcelain #F7F7F7 */
    --card: 0 0% 15%;                      /* $base_color #262626 — view, slightly darker */
    --card-foreground: 0 0% 97%;
    --popover: 0 0% 15%;                   /* $base_color */
    --popover-foreground: 0 0% 97%;
    --primary: 14 82% 52%;                 /* $orange #E95420 */
    --primary-foreground: 0 0% 100%;
    --secondary: 0 0% 24%;                 /* $inkstone #3D3D3D — elevated panels */
    --secondary-foreground: 0 0% 97%;
    --muted: 0 0% 24%;
    --muted-foreground: 0 0% 53%;          /* $ash #878787 */
    --accent: 0 0% 24%;
    --accent-foreground: 0 0% 97%;
    --destructive: 354 80% 33%;            /* darken($red, 10%) */
    --destructive-foreground: 0 0% 100%;
    --border: 0 0% 24%;                    /* matches secondary (Aerion convention) */
    --input: 0 0% 24%;
    --ring: 14 82% 52%;                    /* $orange */
    /* Avatar palette: same 9 Yaru colors as Light variant. */
    --avatar-fg: 0 0% 100%;                /* white */
    --avatar-1:  14 82% 52%;               /* $orange */
    --avatar-2:  197 86% 51%;              /* $blue */
    --avatar-3:  37 95% 53%;               /* $yellow */
    --avatar-4:  354 80% 43%;              /* $red */
    --avatar-5:  130 81% 29%;              /* $green */
    --avatar-6:  305 31% 44%;              /* $aubergine */
    --avatar-7:  196 100% 33%;             /* $linkblue */
    --avatar-8:  217 43% 35%;              /* $darkblue */
    --avatar-9:  29 8% 65%;                /* $warm_gray */
    --avatar-10: 14 82% 52%;               /* orange (repeat) */
    --avatar-11: 197 86% 51%;              /* blue (repeat) */
    --avatar-12: 37 95% 53%;               /* yellow (repeat) */
    --avatar-13: 354 80% 43%;              /* red (repeat) */
    --avatar-14: 305 31% 44%;              /* aubergine (repeat) */
  }
}
