/* variables.css */
:root {
  /* Core */
  --color-paper: #F5F0E8;          /* Aged paper — main background */
  --color-ink: #1A1A2E;            /* Deep navy ink — primary text */
  --color-gov-green: #2D5A3D;      /* Government office green — headers, accents */
  --color-stamp-red: #8B2020;      /* Official stamp red — alerts, warnings */
  --color-amber: #D4870A;          /* Saffron amber — CTA, highlights */
  --color-khaki: #C4B49A;          /* Bureaucratic khaki — borders, dividers */

  /* Surfaces */
  --color-surface: #FAF7F2;        /* Slightly warm white — cards */
  --color-surface-raised: #FFFFFF;
  --color-surface-sunken: #EDE8DF;

  /* Functional */
  --color-success: #2D5A3D;
  --color-warning: #D4870A;
  --color-error: #8B2020;
  --color-info: #1A3A5C;

  /* Text */
  --color-text-primary: #1A1A2E;
  --color-text-secondary: #4A4A5E;
  --color-text-muted: #8A8A9E;
  --color-text-on-dark: #F5F0E8;

  /* Shadows */
  --shadow-paper: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  --shadow-paper-lifted: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  
  /* Transitions */
  --transition-fast: 150ms ease-in-out;
  --transition-normal: 300ms ease-out;
  
  /* Layout */
  --container-width: min(90%, 1200px);
}