/* Paper & Cuts — Color tokens
   The brand is built on the four CMYK process inks printed on white paper.
   Black ("Key") is the workhorse for type and UI; C / M / Y are the
   categorical brand accents. */

:root {
  /* ---- Process inks (brand core) ---- */
  --process-cyan:        #00A8E1;
  --process-magenta:     #EC008C;
  --process-yellow:      #FFF200;
  --process-key:         #0A0A0A;

  /* darker ink variants — hover/press on solid color */
  --process-cyan-ink:    #0089BA;
  --process-magenta-ink: #C2006F;
  --process-yellow-ink:  #D8CC00;

  /* tints — soft fills, backgrounds, wash blocks */
  --cyan-tint:           #D6F0FA;
  --magenta-tint:        #FBD9EC;
  --yellow-tint:         #FEFAC2;

  /* ---- Paper (neutrals, light → dark) ---- */
  --paper-0:  #FFFFFF;   /* pure sheet */
  --paper-1:  #F7F6F2;   /* warm newsprint */
  --paper-2:  #EFEDE6;   /* card wash */
  --paper-3:  #E3E0D6;   /* hairline fill */

  /* ---- Ink (greys, light → dark) ---- */
  --ink-100:  #C9C7BF;
  --ink-300:  #9A988F;
  --ink-500:  #5E5C55;
  --ink-700:  #2C2B27;
  --ink-900:  #0A0A0A;

  /* ---- Functional / status ---- */
  --signal-go:    #1E9E5A;   /* proof approved */
  --signal-hold:  #E8A317;   /* awaiting proof */
  --signal-stop:  #E23A3A;   /* rejected / error */

  /* =========================================================
     SEMANTIC ALIASES — reference these in components
     ========================================================= */
  --color-bg:            var(--paper-0);
  --color-bg-subtle:     var(--paper-1);
  --color-bg-sunken:     var(--paper-2);
  --color-surface:       #FFFFFF;
  --color-surface-inverse: var(--ink-900);

  --color-text:          var(--ink-900);
  --color-text-muted:    var(--ink-500);
  --color-text-faint:    var(--ink-300);
  --color-text-inverse:  #FFFFFF;

  --color-border:        var(--paper-3);
  --color-border-strong: var(--ink-900);

  --color-primary:          var(--ink-900);
  --color-primary-hover:    var(--ink-700);
  --color-primary-contrast: #FFFFFF;

  --color-accent:         var(--process-magenta);
  --color-accent-hover:   var(--process-magenta-ink);
  --color-accent-contrast:#FFFFFF;

  --color-link:          var(--process-cyan-ink);

  --color-success:       var(--signal-go);
  --color-warning:       var(--signal-hold);
  --color-danger:        var(--signal-stop);

  --color-focus-ring:    var(--process-cyan);
}