/* ------------------------------------------------------------------
   PACKY THEME
   Brand Colors:
   Primary (Orange): #fea11c -> HSL(35, 99%, 55%)
   Secondary (Red-Orange): #fd5617 -> HSL(16, 98%, 54%)
   ------------------------------------------------------------------ */

:root {
    /* LIGHT MODE */
    --background: 0 0% 100%;
    --foreground: 0 0% 10%;

    --surface: 0 0% 98%;
    --surface-elevated: 0 0% 100%;

    --card: 0 0% 100%;
    --card-foreground: 0 0% 10%;
    --card-border: 0 0% 90%;
    --orby-gradient: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--secondary)));

    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 10%;

    --muted: 0 0% 96%;
    --muted-foreground: 0 0% 45%;

    --border: 0 0% 90%;
    --input: 0 0% 96%;
    --input-border: 0 0% 80%;

    /* Brand Colors (Common) */
    --primary: 35 99% 55%;
    --primary-foreground: 0 0% 100%;
    --primary-foreground-2: 35 99% 55%;
    /* White text on orange */
    --primary-glow: 35 99% 55%;

    --secondary: 16 98% 54%;
    --secondary-foreground: 0 0% 100%;

    --accent: 35 99% 55%;
    --accent-foreground: 0 0% 100%;

    /* Neon System (Light Mode optimized if needed, but keeping same for brand identity) */
    --neon-primary: 35 99% 55%;
    --neon-secondary: 16 98% 54%;
    --neon-accent: 40 100% 60%;
    --neon-glow: 25 100% 55%;

    --ring: 35 99% 55%;
    --border-neon: 35 99% 55%;
    --input-focus: 35 99% 55%;

    /* Sidebar - Light */
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 0 0% 20%;
    --sidebar-primary: 35 99% 55%;
    --sidebar-menu-hover: hsl(35 99% 55% / 0.1);
    --sidebar-border: 0 0% 90%;
    --sidebar-border-outside: 0 0% 90%;
}

.dark {
    /* DARK MODE */
    --background: 0 0% 0%;
    --bg-background: 0 0% 0%;
    /* Pure Black for Packy Dark */
    --foreground: 0 0% 98%;

    --surface: 0 0% 5%;
    --surface-elevated: 0 0% 8%;

    --card: 0 0% 5%;
    --card-foreground: 0 0% 98%;
    --card-border: 0 0% 12%;

    --popover: 0 0% 5%;
    --popover-foreground: 0 0% 98%;

    --muted: 0 0% 12%;
    --muted-foreground: 0 0% 60%;

    --border: 0 0% 12%;
    --input: 0 0% 10%;
    --input-border: 0 0% 20%;

    /* Brand Colors (Dark Mode) - Same as light but ensuring contrast */
    --primary: 35 99% 55%;
    --primary-foreground: 0 0% 100%;
    --primary-glow: 35 99% 55%;

    --secondary: 16 98% 54%;
    --secondary-foreground: 0 0% 100%;

    --accent: 35 99% 55%;
    --accent-foreground: 0 0% 100%;

    --ring: 35 99% 55%;
    --border-neon: 35 99% 55%;
    --input-focus: 35 99% 55%;

    /* Sidebar - Dark */
    --sidebar-background: 0 0% 8%;
    --sidebar-foreground: 0 0% 90%;
    --sidebar-primary: 35 99% 55%;
    --sidebar-menu-hover: hsl(35 99% 55% / 0.15);
    --sidebar-border: 0 0% 12%;
    --sidebar-border-outside: 0 0% 12%;
}