/* ============================================================
   SAKR — Color tokens (per Brand Identity System, Beirut 2025)
   No gradients. Flat fills only. Depth via layering + colour.
   ============================================================ */
:root {
  /* --- Brand pigments (raw) --- */
  --carbon:    #0D0D0D; /* dominant — headlines, backgrounds, primary surfaces */
  --graphite:  #3A3A3A; /* secondary text, structural lines */
  --sand:      #F5F2EC; /* page background, light fill, breathing room */
  --timber:    #C8A882; /* SINGLE accent — CTAs, dividers, SAKR surname */
  --white:     #FFFFFF; /* cards, surfaces, reversed text */

  /* --- Extended neutrals (derived, same temperature) --- */
  --carbon-90:   #1A1A1A; /* raised panel on carbon */
  --graphite-70: #5C5C5C; /* muted text on light */
  --graphite-50: #8A8A8A; /* captions, meta on light */
  --sand-deep:   #E9E3D8; /* sand one step deeper — borders/fills on sand */
  --line-dark:  rgba(255,255,255,0.14); /* hairline on carbon */
  --line-light: rgba(13,13,13,0.12);    /* hairline on light */

  /* --- Accent supporting --- */
  --timber-deep:  #B08F66; /* hover/pressed timber */
  --timber-faint: rgba(200,168,130,0.18); /* timber wash for fills */

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */

  /* Surfaces */
  --surface-ink:       var(--carbon);   /* primary dark canvas */
  --surface-panel:     var(--carbon-90);/* raised dark panel */
  --surface-paper:     var(--white);    /* cards, modals */
  --surface-sand:      var(--sand);     /* page background */
  --surface-sand-soft: #FAF8F4;         /* palest paper */

  /* Text — on light */
  --text-strong:  var(--carbon);      /* headings */
  --text-body:    var(--graphite);    /* body copy */
  --text-muted:   var(--graphite-50); /* captions, meta */
  --text-faint:   var(--graphite-70);

  /* Text — on dark */
  --text-on-ink-strong: var(--white);
  --text-on-ink-body:   #C9C5BE;      /* warm grey body on carbon */
  --text-on-ink-muted:  #8C8881;

  /* Accent */
  --accent:        var(--timber);
  --accent-hover:  var(--timber-deep);
  --accent-on-ink: var(--timber);     /* timber reads well on carbon as-is */
  --accent-fg:     var(--carbon);     /* text ON timber is Carbon (per PDF) */

  /* Lines / borders */
  --border-light:  var(--line-light);
  --border-dark:   var(--line-dark);
  --border-solid:  var(--graphite);   /* structural lines */
  --rule-accent:   var(--timber);     /* hairline rule motif: 0.5–1pt Timber */

  /* Interactive ink (buttons) */
  --btn-ink-bg:    var(--carbon);
  --btn-ink-fg:    var(--white);
  --btn-paper-bg:  var(--white);
  --btn-paper-fg:  var(--carbon);

  /* Focus ring */
  --focus-ring:    var(--timber);
}