:root {
  --primary: #176A9E;
  --primary-ink: #0F4A70;
  --accent: #D17A00;
  --accent-ink: #8A4F00;
  --background: #FFFBEF;
  --surface: #FFFFFF;
  --surface-2: #FFF0C8;
  --surface-3: #F7E7B4;
  --text: #1D2A36;
  --muted: #4A5560;
  --border: #ECD9A7;
  --soft-border: #E4D2A0;
  --primary-border: #176A9E;
  --ink: #1D2A36;
  --paper: #FFFDF6;
  --ribbon: #12324A;
  --focus: #0F4A70;
  --danger: #8B2E2E;
  --ok: #1F5C3A;
  --shadow: 0 10px 28px rgba(29, 42, 54, 0.08);
  --radius: 2px;
  --header-h: 72px;
  --shell: 1180px;
  --gutter: 22px;
  --font-sans: "IBM Plex Sans", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --bg: var(--background);
  --bg-2: #FFF6DC;
  --gradient-tile: linear-gradient(180deg, #FFFDF6 0%, #FFF0C8 100%);
}