/* LIFE Aluminios — Color tokens
   Sampled from the logo + collateral.
   Brand red #B73133 · cool aluminium gray #AAB2B7 · charcoal ink #383639 */
:root {
  /* ---- Base palette ---- */
  --life-red:          #B73133; /* primary brand red (logo box) */
  --life-red-600:      #A32B2D;
  --life-red-700:      #8E2426; /* hover */
  --life-red-800:      #761D1F; /* press */
  --life-red-100:      #F6E4E4; /* tint surface */
  --life-red-050:      #FBF2F2;

  /* cool aluminium gray (the "ALUMINIOS" wordmark) */
  --alu-gray:          #AAB2B7;
  --alu-gray-300:      #C6CCD0;
  --alu-gray-200:      #DDE1E3;
  --alu-gray-100:      #ECEEF0;

  /* charcoal — supplier logos, brushed-metal backgrounds, primary ink */
  --ink-900:           #232528; /* deepest */
  --ink-800:           #2C2E31; /* brushed-metal base */
  --ink-700:           #383639; /* logo charcoal */
  --ink-600:           #4A4D51;
  --ink-500:           #6A6E73;

  --white:             #FFFFFF;
  --paper:             #FAFAFB; /* off-white page */
  --hairline:          #E3E5E7;

  /* ---- Semantic aliases ---- */
  --brand:             var(--life-red);
  --brand-hover:       var(--life-red-700);
  --brand-press:       var(--life-red-800);
  --brand-tint:        var(--life-red-050);

  --text-strong:       var(--ink-900);
  --text-body:         var(--ink-700);
  --text-muted:        var(--ink-500);
  --text-on-brand:     var(--white);
  --text-on-dark:      var(--white);
  --text-on-dark-mute: var(--alu-gray);

  --surface-page:      var(--paper);
  --surface-card:      var(--white);
  --surface-subtle:    var(--alu-gray-100);
  --surface-dark:      var(--ink-800);
  --surface-brand:     var(--life-red);

  --border-subtle:     var(--hairline);
  --border-strong:     var(--alu-gray-300);
  --border-brand:      var(--life-red);

  --focus-ring:        color-mix(in srgb, var(--life-red) 45%, transparent);
}