/* =====================================================================
   MADE BY HMNS — design tokens
   Every color, surface, radius, shadow and state in the interface comes
   from here. Change a token and the whole launcher follows.
   ===================================================================== */

:root {
  color-scheme: dark;

  /* ---- Backgrounds ------------------------------------------------- */
  --bg-base: #07080b;                 /* window background */
  --bg-raised: #0d0f14;               /* behind panels */
  --bg-deep: #040506;                 /* page edges / vignette */

  /* ---- Ambient lighting -------------------------------------------- */
  --ambient-sweep: rgba(170, 190, 255, 0.55);   /* the light arc, top right */
  --ambient-glow-1: rgba(70, 90, 160, 0.18);    /* cool haze */
  --ambient-glow-2: rgba(140, 90, 200, 0.10);   /* violet haze */
  --ambient-vignette: rgba(0, 0, 0, 0.55);
  --ambient-disc: rgba(120, 135, 190, 0.10);
  --ambient-bloom: rgba(150, 170, 255, 0.24);   /* the soft glow around the arc */    /* the faintly lit area inside the arc */
  --ambient-arc-size: 1640px;
  --ambient-arc-right: -1070px;
  --ambient-arc-top: -1240px;

  /* ---- Glass surfaces ---------------------------------------------- */
  --glass-fill: rgba(255, 255, 255, 0.035);
  --glass-fill-strong: rgba(255, 255, 255, 0.06);
  --glass-fill-hover: rgba(255, 255, 255, 0.055);
  --glass-blur: 22px;
  --glass-saturate: 140%;
  --glass-highlight: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0) 38%);

  /* ---- Borders ----------------------------------------------------- */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-default: rgba(255, 255, 255, 0.11);
  --border-strong: rgba(255, 255, 255, 0.2);
  --border-dashed: rgba(255, 255, 255, 0.16);

  /* ---- Text -------------------------------------------------------- */
  --text-primary: #f2f3f5;
  --text-secondary: #b4b7bf;
  --text-muted: #7d818b;
  --text-faint: #5b5f68;
  --text-on-light: #0b0c0f;

  /* ---- Typography -------------------------------------------------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --font-display: "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
  --weight-regular: 400;
  --weight-medium: 550;
  --weight-semibold: 620;
  --weight-bold: 700;
  --text-xs: 11px;
  --text-sm: 12.5px;
  --text-md: 13.5px;
  --text-lg: 16px;
  --text-xl: 18px;
  --tracking-caps: 0.16em;

  /* ---- Spacing & layout -------------------------------------------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --grid-gap: 18px;
  --card-min-width: 340px;
  --page-max: 1320px;
  --page-gutter: 40px;

  /* ---- Radii ------------------------------------------------------- */
  --radius-xs: 6px;
  --radius-sm: 9px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* ---- Shadows & reflections --------------------------------------- */
  --shadow-card: 0 18px 40px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.35);
  --shadow-float: 0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --reflection-top: inset 0 1px 0 rgba(255, 255, 255, 0.09);

  /* ---- Status colors ----------------------------------------------- */
  --success: #6fd28a;
  --success-rgb: 111, 210, 138;
  --warning: #f2b851;
  --warning-rgb: 242, 184, 81;
  --danger: #ff7a6b;
  --danger-rgb: 255, 122, 107;
  --info: #7fb2ff;
  --info-rgb: 127, 178, 255;

  /* ---- Application accent palette ----------------------------------
     Apps choose one with "accent" in the app list; an app without one
     gets a color from this palette automatically. */
  --accent-palette: "#F0A93B #E5533D #3B9BF0 #9B6BF2 #F07A2E #6CCB7C #E0455F #2FC1B0 #C9A227 #6C8CFF";
  --accent-default: #9aa3b5;

  /* ---- Buttons ----------------------------------------------------- */
  --btn-height: 36px;
  --btn-height-sm: 30px;
  --btn-pad-x: 16px;
  --btn-pad-x-sm: 12px;
  --btn-radius: var(--radius-sm);
  --btn-font: var(--weight-semibold) var(--text-md) / 1 var(--font-sans);

  /* ---- Badges ------------------------------------------------------ */
  --badge-height: 20px;
  --badge-radius: var(--radius-xs);
  --badge-font: var(--weight-bold) 10px / 1 var(--font-sans);
  --badge-tracking: 0.09em;

  /* ---- States ------------------------------------------------------ */
  --hover-lift: -2px;
  --focus-ring: 0 0 0 2px var(--bg-base), 0 0 0 4px rgba(170, 190, 255, 0.65);
  --disabled-opacity: 0.42;
  --transition-fast: 120ms ease;
  --transition: 200ms cubic-bezier(.2, .7, .2, 1);
}