/* PressDeskOS design system: the Grape palette (release 1.0.1).
   Every colour is a token here, defined once; nothing below uses a hex value.
   Type: IBM Plex Sans for the interface, IBM Plex Mono for money, quantities, and codes.
   Signal orange means something is wrong and a person must act (a price below cost,
   an overdue job, an approval needed, a failed payment or email), always with Ink text,
   and nothing else uses it; information and success are purple (docs/notices_v1_0_1.md).
   White text only on Grape, Grape dark, and Ink. */

:root {
  --ground: #F7F4FB;        /* page background */
  --surface: #FFFFFF;       /* cards, tables, inputs; also the white text on Grape, Grape dark, and Ink */
  --ink: #06070E;           /* text */
  --muted: #55535E;         /* secondary text: on Surface, Ground, Magnolia, and Thistle only */
  --line: #E3DCEF;          /* borders */
  --input-border: #CBBFE0;  /* form fields */
  --magnolia: #EEE8F6;      /* table headers, first stage */
  --thistle: #DCD0ED;       /* second stage */
  --mauve: #C8B4FC;         /* third stage */
  --wisteria: #B9A0DA;      /* hover, selected */
  --indigo: #AC9BFB;        /* Tropical Indigo: charts */
  --grape: #7340B5;         /* buttons, final stage, focus rings */
  --grape-dark: #5B2F96;    /* links and purple text on white */
  --grape-deep: #3D2366;    /* text on Thistle and Magnolia chips, and the line under a button */
  --silver: #C1C1C3;        /* lost, archived, disabled */
  --signal: #FF7A1A;        /* Signal orange: notices only, always with Ink text */
  --signal-text: #B8420B;   /* orange text on white, for figures in trouble */
  /* Order colours (the production board, 1.0.6): used in turn, each order's cards share one, on their top edge and order number, always with the number written. Text on white at 4.99:1 or better; none orange, so Overdue in Signal orange stays unmistakable. */
  --order-1: #7340B5;       /* Grape */
  --order-2: #0B7A73;       /* Teal */
  --order-3: #A23B72;       /* Plum */
  --order-4: #3F5BA8;       /* Indigo */
  --order-5: #5B2F96;       /* Grape dark */
  --order-6: #4E5D6C;       /* Slate */
  --radius: 16px;
  --radius-sm: 10px;
  --touch: 44px;
  --font-head: "IBM Plex Sans", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  /* What a notice means, from the palette. */
  --act-bg: var(--signal);         /* a notice that needs someone to act */
  --act-ink: var(--ink);
  --act-text: var(--signal-text);  /* field errors and figures in trouble, on white */
  --done-bg: var(--grape);         /* success */
  --done-ink: var(--surface);
  --info-bg: var(--magnolia);      /* information */
  --info-ink: var(--ink);
}

/* Customer pages (approval, upload, proof, onboarding) keep Quinprint's branding in 1.0.1. */
body.public {
  --muted: #5E5E66;
  --line: #E6E0EF;
  --input-border: #DCD0ED;
  --grape-dark: #4E2A80;
  --font-head: "Sora", system-ui, sans-serif;
  --font-body: "Work Sans", system-ui, sans-serif;
  --font-mono: "Work Sans", system-ui, sans-serif;
  --act-bg: #9B1C1C;
  --act-ink: #FFFFFF;
  --act-text: #9B1C1C;
  --done-bg: #1E6B3A;
  --info-bg: #ECECEF;
  --info-ink: #3F3F46;
}