/* ==========================================================================
   ReloadX Admin — design tokens + base reset.
   The admin UI styles all of its components in admin.css; from this file it uses
   only the :root tokens (via rgb(var(--x))) and the .rx base reset. The main site's
   full shadcn utility library and shared header lived here originally but were unused
   by the admin panel and have been removed — add utilities to admin.css as needed.
   Tokens are space-separated RGB channels: rgb(var(--x)) and rgb(var(--x) / .5).
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto:wght@500;700;900&display=swap');

:root{
  /* ---- surfaces ---- */
  --background:        10 10 10;     /* #0A0A0A app background        */
  --foreground:        250 250 250;  /* #FAFAFA primary text          */
  --card:              23 23 23;     /* #171717 card surface (given)  */
  --card-foreground:   245 245 245;  /* text on cards                 */
  --popover:           28 28 28;     /* #1C1C1C menus/dropdowns        */
  --popover-foreground:245 245 245;
  --elevated:          32 32 32;     /* #202020 inset/nested surface  */

  /* ---- brand ---- */
  --primary:           124 207 0;    /* #7CCF00 lime (given)          */
  --primary-foreground:53 83 14;     /* #35530E text on lime (given)  */
  --primary-hover:     139 224 12;   /* slightly brighter lime        */

  /* ---- neutral roles ---- */
  --secondary:         38 38 38;     /* #262626                        */
  --secondary-foreground:245 245 245;
  --muted:             38 38 38;     /* #262626                        */
  --muted-foreground:  161 161 161;  /* #A1A1A1 secondary text         */
  --accent:            32 44 15;     /* #202C0F dark-lime tint (hover) */
  --accent-foreground: 124 207 0;

  /* ---- feedback ---- */
  --success:           124 207 0;    /* reuse lime                     */
  --warning:           245 176 43;   /* #F5B02B amber (pending)        */
  --destructive:       239 68 68;    /* #EF4444 red                    */
  --destructive-foreground:250 250 250;

  /* ---- lines & fields ---- */
  --border:            38 38 38;     /* #262626 subtle border          */
  --border-strong:     55 55 55;
  --input:             34 34 34;     /* field background               */
  --ring:              124 207 0;    /* focus ring = lime              */

  /* ---- charts (reference offers indigo etc.) ---- */
  --chart-1:           124 207 0;    /* lime   */
  --chart-2:           99 102 241;   /* indigo #6366F1 */
  --chart-3:           245 176 43;   /* amber  */
  --chart-4:           34 211 238;   /* cyan   */
  --chart-5:           244 63 94;    /* rose   */

  /* ---- shape & type ---- */
  --radius: 14px;
  --radius-sm: 9px;
  --radius-lg: 20px;
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-head: 'Inter', var(--font-sans);
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .4);
  --shadow: 0 8px 30px rgb(0 0 0 / .45);
  --shadow-lg: 0 24px 60px rgb(0 0 0 / .55);
}

/* ---------- reset / base ---------- */
*{box-sizing:border-box}
.rx, .rx *{margin:0}
.rx{
  font-family:var(--font-sans);
  background:rgb(var(--background));
  color:rgb(var(--foreground));
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
.rx a{color:inherit;text-decoration:none}