/* ============================================================
   OBEXGATE Design Tokens
   ============================================================
   Single source of truth for colour, hairlines, font.
   Edit only here. Never inline these values anywhere else.
   ============================================================ */

:root {
  /* Surface */
  --paper:           #f5f2e9;
  --cream:           #f5f2e9;

  /* Ink */
  --navy:            #1e2a4a;
  --navy-deep:       #0a112c;
  --muted:           rgba(30, 42, 74, 0.78);

  /* Accent */
  --gold:            #dba237;
  --gold-deep:       #6b5117;

  /* Structure */
  --hairline:        rgba(30, 42, 74, 0.14);
  --hairline-strong: rgba(30, 42, 74, 0.32);

  /* Type */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* Layout */
  --container-max: 1160px;
  --container-pad-x: 40px;
  --container-pad-x-mobile: 24px;

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.3, 1);
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
}