/* ============================================================
   RM Workspace Solutions — Design Tokens
   ============================================================ */

:root {

  /* ── Colors — Dark palette ── */
  --navy:        #0D1B2A;
  --navy-mid:    #152236;
  --navy-card:   #1B2E45;
  --navy-deep:   #091420;
  --charcoal:    #131C24;    /* deep section bg, strip backgrounds */
  --amber:       #C8811A;
  --amber-lt:    #E9A535;
  --amber-dim:   rgba(200, 129, 26, 0.15);

  /* ── Colors — Light palette ── */
  --white:       #F5F3EF;
  --off-white:   #F4F2EF;    /* alternating light section bg */
  --surface:     #F7F5F2;
  --surface-2:   #EEECEA;
  --ink:         #0D1B2A;
  --ink-mid:     #2C3E50;

  /* ── Grays ── */
  --gray-200:    #E4E2DE;
  --gray-300:    #C9CAD0;
  --gray-400:    #9AA3AE;
  --gray-500:    #8B95A1;
  --gray-600:    #6B7685;
  --gray-700:    #4A5568;

  /* ── Borders ── */
  --border-dark:  rgba(255, 255, 255, 0.08);
  --border-light: rgba(13, 27, 42, 0.09);
  --border-amber: rgba(200, 129, 26, 0.25);
  --border:       rgba(13, 27, 42, 0.08);   /* fine structural border, light sections */

  /* ── Typography ── */
  --font-display: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  /* ── Font sizes ── */
  --text-xs:   0.6875rem;  /* 11px */
  --text-sm:   0.8125rem;  /* 13px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.25rem;    /* 20px */
  --text-2xl:  1.5rem;     /* 24px */
  --text-3xl:  2rem;       /* 32px */
  --text-4xl:  2.75rem;    /* 44px */
  --text-5xl:  3.5rem;     /* 56px */
  --text-6xl:  4.5rem;     /* 72px */

  /* ── Spacing ── */
  --section-py:    7.5rem;   /* 120px */
  --section-py-md: 5rem;     /* 80px */
  --section-py-sm: 3.5rem;   /* 56px */

  /* ── Layout ── */
  --max-width:     1280px;
  --content-width: 1080px;
  --text-width:    680px;

  /* ── Radius — precision/technical feel ── */
  --radius-sm:  2px;
  --radius:     4px;
  --radius-lg:  8px;
  --radius-xl:  12px;

  /* ── Shadows ── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
  --shadow:     0 4px 16px rgba(0,0,0,0.14), 0 1px 4px rgba(0,0,0,0.08);
  --shadow-lg:  0 12px 40px rgba(0,0,0,0.2);

  /* ── Transitions ── */
  --transition:      200ms ease;
  --transition-slow: 400ms ease;

  /* ── Floor plan texture (floorplan_bg.svg — white linework on dark backgrounds) ── */
  --blueprint-url: url('../images/textures/floorplan_bg.svg');
}