Handoff

/* Responser theme — single Tailwind v4 config block (src/styles.css).
 * Luminous dark is the default; .dark mirrors the same branded surfaces;
 * .app-light is the app.responser.com light theme. */

@theme inline {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-display: "Outfit", "Inter", ui-sans-serif, sans-serif;

  --radius-control: 0.5rem;   /* buttons, inputs, chips */
  --radius-card: 0.75rem;     /* cards, panels, dialogs */
  --radius-sm: 0.25rem;

  --duration-control: 120ms;  /* hovers, tab switches */
  --duration-overlay: 180ms;  /* dialogs, toasts, entrances */

  --spacing: 0.25rem;         /* 4px base scale: 4 8 12 16 24 32 48 64 */
}

:root {
  /* Neutrals (grey ramp 50–950, cool hue 265) */
  --grey-50: oklch(0.985 0.002 265);  --grey-500: oklch(0.6 0.015 265);
  --grey-100: oklch(0.965 0.003 265); --grey-600: oklch(0.49 0.017 265);
  --grey-200: oklch(0.925 0.005 265); --grey-700: oklch(0.395 0.018 265);
  --grey-300: oklch(0.872 0.007 265); --grey-800: oklch(0.3 0.018 265);
  --grey-400: oklch(0.72 0.012 265);  --grey-900: oklch(0.225 0.018 265);
  --grey-950: oklch(0.155 0.017 265);

  /* Surfaces & ink — dark canvas default */
  --background: oklch(0.105 0.012 285);
  --paper: oklch(0.145 0.02 285);
  --foreground: oklch(0.985 0.004 285);
  --muted-foreground: oklch(0.76 0.024 285);
  --subtle-foreground: oklch(0.64 0.026 285);
  --border: oklch(0.985 0.004 285 / 0.13);
  --rule: oklch(0.985 0.004 285 / 0.17);
  --track: oklch(0.985 0.004 285 / 0.12);

  /* Brand — Signal violet primary, luminous spectrum */
  --primary: oklch(0.74 0.22 308);        /* Signal violet #B56BFF */
  --primary-strong: oklch(0.79 0.2 326);  /* Kinetic pink #F65BB7 */
  --primary-soft: oklch(0.74 0.22 308 / 0.16);
  --luminous-hot: oklch(0.7 0.26 326);    /* hot pink */
  --luminous-cyan: oklch(0.8 0.14 205);   /* Signal cyan #74DDE9 */
  --teal: oklch(0.82 0.14 202);

  /* Accents */
  --amber: oklch(0.84 0.17 78);           /* Score amber #F5C657 */
  --success: oklch(0.8 0.17 153);
  --warning: oklch(0.84 0.17 78);
  --danger: oklch(0.72 0.2 25);
  --info: oklch(0.82 0.13 220);

  /* Logo gradient — violet → hot → cyan (underline, fetch pulse) */
  --spectrum-violet: oklch(0.72 0.2 272); /* #8B7CF6 */
  --spectrum-pink: oklch(0.7 0.26 326);   /* #E85BC7 */
  --spectrum-amber: oklch(0.84 0.17 78);

  /* Elevation — minimal, luminous */
  --shadow-1: 0 1px 0 oklch(0.985 0.004 285 / 0.08),
              0 10px 32px oklch(0.03 0.015 285 / 0.22);
  --shadow-2: 0 28px 80px oklch(0.03 0.015 285 / 0.56),
              0 0 0 1px oklch(0.985 0.004 285 / 0.05);
}