/* Velari Atelier — design tokens (CSS custom properties)
   Source: Velari Atelier Brand Guidelines, Edition 01 · 2026.
   Core colours are from the guidelines; tints marked "derived" are proposed for digital use. */
:root{
  /* Core palette */
  --v-color-plum:#420F29;          /* Deep Plum — the voice: logo, headings, signature backgrounds */
  --v-color-ivory:#F6F1E9;         /* Warm Ivory — the base: pages, packaging, space */
  --v-color-dusty-mauve:#936A7E;   /* Dusty Mauve — the swish; small accents only */
  --v-color-velvet-mauve:#754F66;  /* Velvet Mauve — emblem ground, secondary panels */
  --v-color-navy:#141B35;          /* Midnight Navy — evening contrast, occasions */

  /* Print specification — Proposed, confirm from printed proof.
     Deep Plum     #420F29  CMYK FOGRA39 39 88 25 77  ·  PANTONE 690 C  ·  PANTONE 2357 U
     Warm Ivory    #F6F1E9  CMYK FOGRA39 4 5 10 0  ·  PANTONE 9285 C  ·  PANTONE 9285 U
     Dusty Mauve   #936A7E  CMYK FOGRA39 28 53 20 33  ·  PANTONE 4094 C  ·  PANTONE 689 U
     Velvet Mauve  #754F66  CMYK FOGRA39 35 61 20 46  ·  PANTONE 4111 C  ·  PANTONE 229 U
     Midnight Navy #141B35  CMYK FOGRA39 81 65 16 79  ·  PANTONE 4146 C  ·  PANTONE 282 U */

  /* Derived tints (proposed, digital) — mixed toward Warm Ivory / Deep Plum */
  --v-color-ivory-deep:#EEE7DC;
  --v-color-ivory-shade:#E5DBCD;
  --v-color-plum-90:#54263C;
  --v-color-star-glow:#E7D6DE;
  --v-color-star-rose:#C9A3B6;
  --v-color-plum-80:#663C4F;
  --v-color-plum-60:#8A6976;
  --v-color-plum-40:#AE979C;
  --v-color-plum-20:#D2C4C3;
  --v-color-plum-10:#E4DAD6;
  --v-color-dusty-mauve-80:#A78593;
  --v-color-dusty-mauve-60:#BBA0A9;
  --v-color-dusty-mauve-40:#CEBBBE;
  --v-color-dusty-mauve-20:#E2D6D4;
  --v-color-dusty-mauve-10:#ECE4DE;
  --v-color-velvet-mauve-80:#8F6F80;
  --v-color-velvet-mauve-60:#A9909A;
  --v-color-velvet-mauve-40:#C2B0B5;
  --v-color-velvet-mauve-20:#DCD1CF;
  --v-color-velvet-mauve-10:#E9E1DC;
  --v-color-navy-80:#414659;
  --v-color-navy-60:#6E717D;
  --v-color-navy-40:#9C9BA1;
  --v-color-navy-20:#C9C6C5;
  --v-color-navy-10:#DFDCD7;

  /* Semantic */
  --v-surface:var(--v-color-ivory);
  --v-surface-alt:var(--v-color-ivory-deep);
  --v-surface-inverse:var(--v-color-plum);
  --v-text:var(--v-color-plum);
  --v-text-muted:var(--v-color-velvet-mauve);
  --v-text-inverse:var(--v-color-ivory);
  --v-line:rgba(66,15,41,.16);
  --v-line-strong:rgba(66,15,41,.32);
  --v-accent:var(--v-color-dusty-mauve);
  --v-focus:var(--v-color-velvet-mauve);

  /* Typography */
  --v-font-display:"Cinzel","Trajan Pro",Georgia,serif;
  --v-font-text:"Cormorant Garamond","Cormorant",Garamond,Georgia,serif;
  --v-font-arabic:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif;
  --v-tracking-label:.24em;
  --v-tracking-title:.12em;
  --v-size-label:.8rem;   /* 12.8px */
  --v-size-small:1rem;    /* 16px  */
  --v-size-body:1.25rem;  /* 20px  */
  --v-size-lead:1.5625rem;/* 25px  */
  --v-size-h3:1.953rem;   /* 31px  */
  --v-size-h2:2.441rem;   /* 39px  */
  --v-size-h1:3.052rem;   /* 49px  */
  --v-size-display:3.815rem; /* 61px */
  --v-leading-body:1.6;
  --v-leading-tight:1.15;

  /* Space (8px base) */
  --v-space-1:4px; --v-space-2:8px; --v-space-3:12px; --v-space-4:16px;
  --v-space-5:24px; --v-space-6:32px; --v-space-7:48px; --v-space-8:64px;
  --v-space-9:96px; --v-space-10:128px;

  /* Shape & motion */
  --v-radius-0:0; --v-radius-1:2px; --v-radius-arch:999px 999px 0 0; --v-radius-round:50%;
  --v-ease:cubic-bezier(.22,.61,.36,1);
  --v-duration:240ms;

  /* Logo minimums */
  --v-min-wordmark-screen:160px;
  --v-min-monogram-screen:48px;
  --v-min-emblem-screen:80px;
}