/* palette-source: archetype (mono-minimal) — written by palette.mjs on 2026-09-14 */
/*
  BRAND TOKENS — the only stylesheet the builder edits for colour and type.
  Everything in base.css reads from these variables. Keep every value here
  traceable to the shop's own branding (logo, shopfront, Instagram grid) or to
  the design-system run recorded in company-profile.md.

  This client has no shopfront, logo or photograph to sample (mock shop, no
  premises — see company-profile.md, Brand). palette.mjs --archetype mono-minimal
  wrote the stamp above; the values below are then hand-tuned to the published
  "ORYZO AI — darkroom product editorial" reference named in the profile, not to
  the archetype's own off-white output. Every value and its contrast ratio is
  recorded in the profile's Brand section.

  --color-primary is deliberately the LIGHT value (warm cream), not a dark
  brand colour: base.css uses --color-primary for headings, the header
  wordmark, .page-hero and .site-footer, so on this dark-running site the
  "primary" text colour has to be the light one for headings to read against
  the dark ground. custom.css takes .page-hero and .site-footer back to the
  dark canvas so the site does not flip pale at the top and bottom of every
  inner page.
*/
:root {
  /* Colour — canvas walnut + warm cream + one rust accent, as published */
  --color-primary: #ffedd7;        /* warm cream: headings, header wordmark, page-hero/footer text (bg taken back to dark in custom.css) */
  --color-on-primary: #382416;     /* bark brown ink, used only where cream is the background (e.g. skip link) */
  --color-accent: #dc5000;         /* the one rust accent: eyebrows, links, focus ring, credit line — never a button fill, see custom.css */
  --color-on-accent: #ffedd7;      /* cream, for the rare case accent is ever a background */
  --color-bg: #100904;             /* canvas walnut shadow — page background */
  --color-surface: #382416;        /* bark brown — the one elevated surface: cards, menu panels, the single filled button */
  --color-ink: #ffedd7;            /* body text: cream is the only text colour on this site */
  --color-muted: #9f9283;          /* cream dimmed toward the canvas hue, for secondary text on both bg and surface */
  --color-border: #6c5f51;         /* driftwood — dashed hairline dividers (cork #40372e used for finer ones in custom.css) */

  /* Type — Bitter, uppercase headings/labels, mixed-case body only, per the reference */
  --font-display: "Bitter", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 500;
  --display-tracking: 0.01em;      /* normal, not negative, even at display size */
  --display-transform: uppercase;  /* headings and labels are uppercase; body stays mixed case */

  /* Shape and texture */
  --radius: 12px;                  /* cards, per the reference */
  --radius-sm: 8px;
  --hero-overlay: linear-gradient(180deg, rgba(16, 9, 4, 0.35), rgba(16, 9, 4, 0.78));
  --shadow: none;                  /* no drop shadows at all — depth is the canvas/bark-brown surface stack */
}