/* =========================================================
   MURTWEB LTD — Design tokens
   "Digital infrastructure with editorial precision"
   Dark premium base: graphite + ivory + muted bronze.
   ========================================================= */

:root {
  /* ---- Color: graphite + ivory + bronze -------------------- */
  --color-bg:                  #15161A;
  --color-bg-raised:           #1B1C21;
  --color-surface:             #202126;
  --color-surface-line:        #2A2B31;

  --color-ink:                 #EDE9E1;
  --color-ink-strong:          #F7F4EE;
  --color-text:                var(--color-ink);
  --color-text-muted:          #9C978D;
  --color-text-faint:          #8A857A;

  --color-border:              #33343A;
  --color-border-strong:       #45464D;

  /* muted bronze/copper — the one signal color, used sparingly */
  --color-accent:              #C08552;
  --color-accent-strong:       #D89A63;
  --color-accent-soft:         #3A2E22;
  /* darker variant for legible accent text on light inverse panels */
  --color-accent-on-light:     #8F5A2E;

  /* restrained secondary — deep slate teal, used rarely */
  --color-accent-secondary:    #5C7A72;

  /* inverse (light editorial inset) panels for rhythm contrast */
  --color-inverse-bg:          #F4F0E8;
  --color-inverse-bg-raised:   #EAE4D8;
  --color-inverse-text:        #17181C;
  --color-inverse-text-muted:  #5A564C;
  --color-inverse-border:      #D8D0C0;

  --color-success:             #6E8B72;
  --color-error:                #C97157;

  /* ---- Type families ----------------------------------------- */
  --font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Space Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  /* ---- Fluid type scale ----------------------------------------- */
  --text-2xs:  0.6875rem;
  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-base: 1rem;
  --text-md:   clamp(1.1rem, 1.02rem + 0.4vw, 1.3rem);
  --text-lg:   clamp(1.3rem, 1.15rem + 0.75vw, 1.7rem);
  --text-xl:   clamp(1.65rem, 1.3rem + 1.6vw, 2.5rem);
  --text-2xl:  clamp(2rem, 1.5rem + 2.4vw, 3.4rem);
  --text-3xl:  clamp(2.5rem, 1.7rem + 3.8vw, 5rem);
  --text-4xl:  clamp(3rem, 1.9rem + 5.4vw, 6.8rem);

  /* ---- Spacing scale ------------------------------------------- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.25rem;
  --space-xl:  3.5rem;
  --space-2xl: 5.5rem;
  --space-3xl: 8.5rem;

  --section-pad-y: clamp(4rem, 3rem + 4vw, 7.5rem);
  --section-pad-x: clamp(1.25rem, 0.5rem + 3.2vw, 4.5rem);

  /* ---- Layout ------------------------------------------------------ */
  --container-max: 82rem;
  --grid-gap: clamp(1rem, 0.6rem + 1.4vw, 2rem);

  /* squared-off, architectural — no soft rounded corners */
  --radius-sm: 1px;
  --border-hair: 1px solid var(--color-border);
  --border-hair-strong: 1px solid var(--color-border-strong);

  /* ---- Motion --------------------------------------------------------- */
  --ease-precise: cubic-bezier(0.2, 0.7, 0.2, 1);
  --duration-fast: 160ms;
  --duration-base: 400ms;
  --duration-slow: 680ms;
}