/* PRISM.SALES app design tokens
   Source: prism.ceo website (favicon P mark, logo gradient, buttons) and the PRISM Sales Dashboard.
   Font: Inter (Google Fonts or self hosted). */

:root {
  /* Brand navy */
  --prism-navy-950: #0B1B3A;   /* website hero and dark logo background */
  --prism-navy-900: #0F2B46;   /* favicon and app icon background */
  --prism-navy-800: #1F3864;   /* Sales Dashboard header and table heads */
  --prism-blue-700: #203F96;   /* website buttons, headings, links */
  --prism-blue-600: #2E75B6;   /* Sales Dashboard stage bars */

  /* Brand gradient (website logo beam and accents) */
  --prism-cyan: #22C3E6;
  --prism-periwinkle: #7AA6F7;
  --prism-magenta: #D63AF9;
  --prism-gradient: linear-gradient(90deg, #22C3E6 0%, #7AA6F7 50%, #D63AF9 100%);
  --prism-gradient-soft: linear-gradient(135deg, rgba(34,195,230,.16), rgba(214,58,249,.12));

  /* Rainbow bar (favicon and app icon) */
  --prism-rainbow-1: #C44A3A;
  --prism-rainbow-2: #DE8C3C;
  --prism-rainbow-3: #E8C846;
  --prism-rainbow-4: #6EAA50;
  --prism-rainbow-5: #64AAD2;
  --prism-rainbow-6: #5064BE;
  --prism-rainbow-7: #8C5AB4;

  /* Surfaces and text */
  --surface-page: #F4F7FB;
  --surface-card: #FFFFFF;
  --surface-tint: #E7F0FE;     /* website pill background */
  --border: #E3E8F0;
  --text-strong: #0B1B3A;
  --text: #141414;
  --text-muted: #5B6478;
  --text-subtle: #8A93A6;
  --text-on-dark: #FFFFFF;

  /* Pipeline Status colors (values from Eeva's spec v1, in choice order.
     Create Proposal and Follow Up are working names until Billy confirms them.) */
  --stage-prospect: #64748B;       --stage-prospect-bg: #EEF1F5;
  --stage-add: #0E9FC2;            --stage-add-bg: #E3F7FC;      /* Add to Pipeline */
  --stage-inpipeline: #2E75B6;     --stage-inpipeline-bg: #E6F0FA; /* In Pipeline, Dashboard bar blue */
  --stage-proposal: #5B6CE0;       --stage-proposal-bg: #ECEEFE; /* working stage name */
  --stage-followup: #D9822B;       --stage-followup-bg: #FDF1E4; /* working stage name */
  --stage-won: #2E8540;            --stage-won-bg: #E5F4E8;      /* Dashboard won green */
  --stage-lost: #A23B4A;           --stage-lost-bg: #FBEAEC;

  /* Priority set: Urgent, Important, Medium, Low */
  --prio-urgent: #B00020;     --prio-urgent-bg: #FDE8EA;
  --prio-important: #B45309;  --prio-important-bg: #FEF3E2;
  --prio-medium: #203F96;     --prio-medium-bg: #E7F0FE;
  --prio-low: #5B6478;        --prio-low-bg: #EEF1F5;

  /* Roles */
  --badge-manager-border: linear-gradient(90deg, #22C3E6, #D63AF9);

  /* Alerts (Dashboard) */
  --late: #B00000;   /* overdue follow ups and past close date */
  --scrim: rgba(11,27,58,.55);   /* behind bottom sheets */
  --missing-bg: #FFC7CE;

  /* Type */
  --font-sans: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fs-display: 30px;  --lh-display: 36px;  /* screen titles */
  --fs-title: 22px;    --lh-title: 28px;
  --fs-heading: 17px;  --lh-heading: 22px;  /* card titles, company names */
  --fs-body: 15px;     --lh-body: 21px;
  --fs-small: 13px;    --lh-small: 18px;
  --fs-micro: 11px;    --lh-micro: 14px;    /* labels, all caps with tracking */
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-heavy: 800;
  --tracking-tight: -0.02em;
  --tracking-caps: 0.08em;

  /* Shape, depth, spacing */
  --radius-sm: 10px; --radius-md: 14px; --radius-lg: 20px; --radius-xl: 28px; --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(11,27,58,.06), 0 6px 18px rgba(11,27,58,.07);
  --shadow-raised: 0 2px 6px rgba(11,27,58,.08), 0 16px 36px rgba(11,27,58,.14);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px;
  --tap-min: 44px;

  /* Layout */
  --screen-min: 360px; --screen-max: 430px;
}