/* LabApp Studio — Color tokens
   Base palette sampled from the logo, marketing site, and the two product apps
   (Credicuotas · navy fintech, Motorcheck · black automotive). */
:root {
  /* ---- Brand ---- */
  --brand-cyan: #51C7E2;      /* logo pill */
  --brand-cyan-600: #2FAEC9;
  --brand-blue: #106DB6;      /* "Lab" wordmark */
  --brand-blue-700: #0B5794;
  --brand-navy: #0E2A5C;      /* deep marketing navy */

  /* ---- Product accents ---- */
  --teal: #00B7BB;            /* Credicuotas accent */
  --teal-700: #068C90;
  --accent-blue: #3B82F6;     /* Motorcheck primary */
  --accent-blue-700: #2563EB;

  /* ---- Semantic ---- */
  --green: #34C759;           /* success / positive amounts */
  --green-600: #22A745;
  --red: #EF4444;             /* danger / alerts / interest */
  --red-700: #B91C1C;
  --orange: #DB672F;          /* warning / service */
  --purple: #8C40E3;          /* odometer / secondary category */

  /* ---- Neutral ramp (dark-first) ---- */
  --ink-950: #05070A;         /* Motorcheck canvas */
  --ink-900: #0B1A2A;         /* Credicuotas canvas */
  --ink-850: #101826;
  --ink-800: #14171F;         /* base card */
  --ink-750: #16202E;
  --ink-700: #1E2430;         /* elevated card */
  --ink-650: #242841;         /* Credicuotas elevated card */
  --ink-600: #2A313D;

  --gray-400: #9CA3AF;        /* secondary text */
  --gray-500: #6B7280;        /* muted text */
  --gray-300: #C4CAD4;
  --white: #FFFFFF;

  /* ---- Light neutrals (marketing / web surfaces) ---- */
  --paper: #FFFFFF;
  --paper-soft: #F5F8FB;
  --paper-line: #E3E9F0;

  /* ---- Alpha helpers ---- */
  --line: rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.14);
  --scrim: rgba(5,7,10,0.55);

  /* ---- Semantic aliases ---- */
  --bg-app: var(--ink-900);
  --bg-app-black: var(--ink-950);
  --surface-card: var(--ink-800);
  --surface-card-elevated: var(--ink-650);
  --surface-line: var(--line);

  --text-primary: var(--white);
  --text-secondary: var(--gray-400);
  --text-muted: var(--gray-500);
  --text-on-brand: var(--white);

  --interactive-primary: var(--accent-blue);
  --interactive-teal: var(--teal);
  --focus-ring: var(--brand-cyan);

  --status-success: var(--green);
  --status-danger: var(--red);
  --status-warning: var(--orange);

  /* Signature gradients */
  --grad-brand: radial-gradient(120% 120% at 50% 30%, #00B7BB 0%, #0B2A4A 78%); /* @kind other */
  --grad-tile-blue: linear-gradient(150deg, #4C8DFF, #3B6FE0); /* @kind other */
  --grad-tile-orange: linear-gradient(150deg, #F0872E, #DB5A1F); /* @kind other */
  --grad-tile-purple: linear-gradient(150deg, #A855F7, #8C40E3); /* @kind other */
  --grad-alert: linear-gradient(160deg, #3A0F11, #7A1518); /* @kind other */
  --grad-card-sheen: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0)); /* @kind other */
}