/* ========================================
   ADS Manager v2 - color palette

   This file is the single documented place for frontend color tokens.
   Keep semantic variables here; component CSS should consume variables
   instead of redefining page-level palettes inline.
   ======================================== */

/* ========== Core Shared Brand Colors ========== */
:root {
  /* Brand / action colors */
  --primary: #7c3aed;       /* Main brand purple: primary buttons, active states, strong accents */
  --primary-light: #a78bfa; /* Light purple: highlights, active text, soft brand gradients */
  --primary-dark: #5b21b6;  /* Dark purple: hover/pressed primary states */
  --accent: #06b6d4;        /* Cyan accent in the main admin shell: secondary CTA, timeline accents */
  --accent-light: #22d3ee;  /* Bright cyan: highlights and focus decoration */
  --magenta: #ec4899;       /* Pink/magenta: brand gradient end, creative/media emphasis */
  --magenta-light: #f472b6; /* Light magenta: text gradients and hover accents */
  --orange: #f97316;        /* Orange: warnings, location/media category accents */
  --green: #10b981;         /* Success/active/online state */
  --red: #ef4444;           /* Error/destructive state */
  --yellow: #eab308;        /* Warning/pending state */

  /* RGB channels for alpha-based component backgrounds */
  --primary-rgb: 124, 58, 237;
  --primary-light-rgb: 167, 139, 250;
  --primary-dark-rgb: 91, 33, 182;
  --accent-rgb: 6, 182, 212;
  --accent-light-rgb: 34, 211, 238;
  --magenta-rgb: 236, 72, 153;
  --magenta-light-rgb: 244, 114, 182;
  --orange-rgb: 249, 115, 22;
  --green-rgb: 16, 185, 129;
  --red-rgb: 239, 68, 68;
  --yellow-rgb: 234, 179, 8;

  /* Shared layout tokens kept with theme because older CSS expects them here */
  --sidebar-width: 250px;
  --topbar-height: 56px;
  --radius: 14px;
  --radius-sm: 10px;
}

/* ========== Login Screen Theme ========== */
.login-theme {
  --login-bg: #07060b;                          /* Login page background */
  --login-text: #e8e6f0;                        /* Login primary text */
  --login-card-bg: rgba(255, 255, 255, .04);    /* Login card glass background */
  --login-card-border: rgba(255, 255, 255, .08);/* Login card border */
  --login-input-border: rgba(255, 255, 255, .1);/* Login input border */
  --login-shadow: 0 24px 80px rgba(0, 0, 0, .4);/* Login card shadow */
  --login-error-bg: rgba(239, 68, 68, .12);     /* Login error background */
  --login-error-border: rgba(239, 68, 68, .25); /* Login error border */
  --login-error-text: #fca5a5;                  /* Login error text */
}

/* ========== Player Generator Embedded Theme ========== */
.player-generator-theme {
  /* Player generator surfaces */
  --bg: #0f0b1e;                         /* Generator page base */
  --bg2: rgba(255, 255, 255, .035);      /* Header/secondary panels */
  --bg3: rgba(255, 255, 255, .05);       /* Cards, table headers, item backgrounds */
  --bg4: rgba(255, 255, 255, .06);       /* Inputs, filters, nested panels */
  --bg5: rgba(255, 255, 255, .09);       /* Hover/stronger elevated surface */

  /* Player generator borders */
  --border: rgba(255, 255, 255, .085);   /* Default generator border */
  --border2: rgba(124, 58, 237, .55);    /* Strong purple border / active separators */

  /* Player generator text */
  --text: #f1f0f5;  /* Primary generator text */
  --text2: #b2adc4; /* Secondary generator text */
  --text3: #7f7995; /* Muted generator text */

  /* Player generator semantic accents */
  --accent: #7c3aed;  /* Main purple actions in generator */
  --accent2: #a78bfa; /* Purple text/highlight */
  --accent3: #5b21b6; /* Dark purple hover */
  --green: #10b981;   /* Active/success */
  --green2: #55efc4;  /* Legacy mint success highlight */
  --red: #ef4444;     /* Error/destructive */
  --red2: #ee5a24;    /* Legacy orange-red destructive accent */
  --yellow: #eab308;  /* Warning/pending */
  --yellow2: #f39c12; /* Legacy amber warning accent */
  --blue: #22d3ee;    /* Cyan-blue accent */
  --blue2: #06b6d4;   /* Darker cyan-blue accent */
  --pink: #ec4899;    /* Pink accent and gradients */

  /* Player generator layout/elevation */
  --radius: 14px;
  --radius-sm: 10px;
  --radius-xs: 8px;
  --shadow: 0 8px 32px rgba(0, 0, 0, .28);
  --shadow-lg: 0 18px 46px rgba(0, 0, 0, .45);
  --transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

/* ========== Legacy Player Generator Palette Notes ==========
   The generator also uses fixed media/playlist swatches from JS:
   #6c5ce7 purple, #00b894 green, #fdcb6e yellow, #e17055 coral,
   #0984e3 blue, #fd79a8 pink, #00cec9 teal, #fab1a0 peach,
   #a29bfe lavender, #55efc4 mint, #ffeaa7 pale yellow,
   #81ecec pale cyan, #ff7675 soft red, #74b9ff sky blue.

   Weather/period visual colors:
   Night: #0f2129, #47334a, #2f2b3c, #091b21, #BCAE76.
   Morning/frost: #29386f, #b8f5ff, #feffdf, #f3ffff, #9af2ff.
   Day/sun: #ffbd3f, #fff097, #ffdb50, #e0d7a4, #e7c77a.
   ======================================== */