/* Marabez Consulting — Design Tokens v4.0 */
:root {
  /* Neutrals */
  --canvas:      #FFFFFF;   /* page background, reading areas */
  --surface:     #FAFAFA;   /* subtle section fills */
  --surface-2:   #F4F5F4;
  --border:      #EAEAEA;   /* hairline dividers, cards */
  --muted:       #6E736F;   /* metadata, captions */
  --secondary:   #4E5451;   /* supporting body text (AA) */
  --ink:         #0A0A0A;   /* headings, body, logo (AAA) */

  /* Emerald accent ramp */
  --emerald-50:  #ECFDF5;
  --emerald-100: #D7F5E6;
  --emerald-500: #10A06B;
  --emerald-600: #0E8A5F;
  --emerald-700: #0A6E4E;   /* primary buttons / brand (AA on white) */
  --emerald-800: #065F46;   /* pressed / emphasis text (AAA) */
  --emerald-900: #05372A;
  --link:        #076A4A;   /* text links on white (AA) */

  /* Dark surfaces (footer / optional dark mode) */
  --dark-bg:      #0A0A0A;
  --dark-surface: #141414;
  --dark-border:  #262626;
  --dark-text:    #EDEDED;
  --dark-secondary:#A1A1A1;
  --dark-emerald: #34D399;  /* accent on dark (AAA on black) */

  /* Shape */
  --radius:    8px;
  --radius-lg: 12px;
  --shadow-card: 0 1px 2px rgba(10,10,10,.04);

  /* Type */
  --font-sans: "Inter", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}