/* ============================================================
   Agentic Expo 2027 — THEME FILE
   Brand tokens from the Agentic Expo brand guidelines:
     · Typography: Manrope (Light→ExtraBold), Google Fonts
     · Primary: white #FFFFFF, black #000000 and the brand
       gradient #D83FFF → #5D4DFF
     · Grayscale: Cloud #EDEFF7 · Smoke #D3D6E0 · Steel #BCBFCC ·
       Space #9DA2B3 · Graphite #6E7180 · Arsenic #40424D ·
       Phantom #1E1E24 · Black #000000
   Every screen (buy, claim, ticket, badge, scanner, portal,
   admin) derives colours, fonts and badge dimensions from here.
   ============================================================ */

:root {
  /* ---- Brand grayscale ---- */
  --cloud: #edeff7;
  --smoke: #d3d6e0;
  --steel: #bcbfcc;
  --space: #9da2b3;
  --graphite: #6e7180;
  --arsenic: #40424d;
  --phantom: #1e1e24;
  --black: #000000;
  --white: #ffffff;

  /* ---- Brand gradient ---- */
  --grad-a: #d83fff;
  --grad-b: #5d4dff;
  --gradient: linear-gradient(90deg, var(--grad-a), var(--grad-b));
  --gradient-soft: linear-gradient(90deg, rgba(216, 63, 255, 0.14), rgba(93, 77, 255, 0.14));

  /* ---- Semantic (dark UI, matching agenticexpo.ai) ---- */
  --bg: #0b0b10;              /* page ground, a step below Phantom */
  --surface: #16161d;         /* cards */
  --surface-2: #1e1e24;      /* Phantom — raised surfaces, inputs */
  --line: #2c2c35;            /* borders */
  --line-soft: #22222a;
  --ink: var(--cloud);        /* primary text on dark */
  --ink-soft: var(--space);   /* secondary text */
  --ink-faint: var(--graphite);
  --accent: #a06bff;          /* single-hue accent for links/focus (gradient midpoint) */
  --accent-soft: rgba(160, 107, 255, 0.15);
  --magenta: var(--grad-a);
  --violet: var(--grad-b);
  --success: #34c98e;
  --success-soft: rgba(52, 201, 142, 0.14);
  --danger: #ff5d7a;
  --danger-soft: rgba(255, 93, 122, 0.12);
  --warn: #f5b856;
  --warn-soft: rgba(245, 184, 86, 0.14);

  /* ---- Typography (Manrope per brand guidelines) ---- */
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Courier New", monospace;

  /* ---- Shape ---- */
  --radius: 12px;
  --radius-sm: 8px;

  /* ---- Badge sizing ----
     On-screen width of the badge preview: */
  --badge-screen-max-width: 380px;
  /* Printed badge width — 96mm fits a standard A6 (105×148mm) lanyard
     sleeve with clearance. Test with real stock before volume printing. */
  --badge-print-width: 96mm;
  --badge-print-margin: 6mm;
  /* QR module size on the badge (screen px; scales with print). */
  --badge-qr-size: 150px;
}