:root {
  /* MRIYA Field UI Tokens v1 — active semantic subset. */
  --mriya-blue-950: #012c63;
  --mriya-blue-900: #023e8a;
  --mriya-blue-800: #02509b;
  --mriya-blue-700: #0962cf;
  --mriya-blue-600: #1174db;
  --mriya-blue-500: #3688e6;
  --mriya-blue-300: var(--mriya-blue-200);
  --mriya-blue-200: #a7dfee;
  --mriya-blue-100: #caf0f8;
  --mriya-blue-50: #f0fbfd;

  --mriya-yellow-700: #b88900;
  --mriya-yellow-600: #e6b800;
  --mriya-yellow-500: #facc15;
  --mriya-yellow-400: #ffd633;
  --mriya-yellow-100: #fff4c2;
  --mriya-yellow-50: #fffbea;

  --mriya-neutral-950: #0e0e0e;
  --mriya-neutral-900: #1f2428;
  --mriya-neutral-800: #323232;
  --mriya-neutral-700: #4b5560;
  --mriya-neutral-600: #65717c;
  --mriya-neutral-500: #7a8791;
  --mriya-neutral-400: #9ba8b2;
  --mriya-neutral-300: #bdd6dc;
  --mriya-neutral-250: #c9dfe5;
  --mriya-neutral-200: #d8e8eb;
  --mriya-neutral-100: #eaf1f3;
  --mriya-neutral-50: #f2f2f2;
  --mriya-neutral-0: #fffff7;
  --mriya-white: #ffffff;

  --mriya-red-600: #b42318;
  --mriya-red-50: #fef3f2;
  --mriya-green-600: #28843f;
  --mriya-green-50: #edf8ef;

  --mriya-color-bg-canvas: var(--mriya-neutral-50);
  --mriya-color-bg-surface: var(--mriya-neutral-0);
  --mriya-color-bg-surface-raised: var(--mriya-white);
  --mriya-color-bg-surface-subtle: #f7fcfd;
  --mriya-color-bg-brand: var(--mriya-blue-900);
  --mriya-color-bg-brand-subtle: var(--mriya-blue-100);
  --mriya-color-text-primary: var(--mriya-neutral-950);
  --mriya-color-text-secondary: var(--mriya-neutral-700);
  --mriya-color-text-subdued: var(--mriya-neutral-600);
  --mriya-color-text-muted: var(--mriya-color-text-subdued);
  --mriya-color-text-brand: var(--mriya-blue-900);
  --mriya-color-text-link: var(--mriya-blue-800);
  --mriya-color-border-subtle: var(--mriya-neutral-200);
  --mriya-color-border-default: var(--mriya-neutral-300);
  --mriya-color-border-strong: var(--mriya-blue-800);
  --mriya-color-focus: var(--mriya-blue-700);
  --mriya-color-focus-soft: var(--mriya-blue-100);
  --mriya-color-action-primary: var(--mriya-yellow-500);
  --mriya-color-action-primary-hover: var(--mriya-yellow-400);
  --mriya-color-action-primary-active: var(--mriya-yellow-600);
  --mriya-color-action-primary-text: var(--mriya-neutral-950);
  --mriya-color-action-secondary: var(--mriya-blue-900);
  --mriya-color-action-secondary-hover: var(--mriya-blue-50);
  --mriya-color-danger: var(--mriya-red-600);
  --mriya-color-danger-bg: var(--mriya-red-50);
  --mriya-color-success: var(--mriya-green-600);
  --mriya-color-success-bg: var(--mriya-green-50);

  --mriya-space-025: 2px;
  --mriya-space-050: 4px;
  --mriya-space-100: 8px;
  --mriya-space-150: 12px;
  --mriya-space-200: 16px;
  --mriya-space-300: 24px;
  --mriya-space-400: 32px;
  --mriya-space-500: 40px;
  --mriya-space-600: 48px;
  --mriya-space-800: 64px;

  --mriya-font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mriya-font-brand: "Bona Nova", Georgia, serif;
  --mriya-font-display: var(--mriya-font-brand);
  --mriya-font-size-100: 12px;
  --mriya-font-size-200: 14px;
  --mriya-font-size-300: 16px;
  --mriya-font-size-400: 18px;
  --mriya-font-size-500: 20px;
  --mriya-font-size-600: 24px;
  --mriya-font-size-700: 32px;
  --mriya-font-size-800: 40px;
  --mriya-font-size-900: 48px;
  --mriya-font-size-1000: 56px;
  --mriya-line-tight: 1.05;
  --mriya-line-heading: 1.2;
  --mriya-line-body: 1.5;

  --mriya-radius-sm: 4px;
  --mriya-radius-md: 8px;
  --mriya-radius-lg: 12px;
  --mriya-radius-xl: 16px;
  --mriya-radius-pill: 999px;
  --mriya-shadow-100: 0 1px 4px rgba(14, 14, 14, 0.1);
  --mriya-shadow-200: 0 2px 10px rgba(14, 14, 14, 0.14);
  --mriya-shadow-card: var(--mriya-shadow-100);
  --mriya-shadow-overlay: 0 28px 80px rgba(14, 14, 14, 0.28);
  --mriya-focus-ring: 0 0 0 2px var(--mriya-blue-800), 0 0 0 5px var(--mriya-blue-100);
  --mriya-control-height-sm: 40px;
  --mriya-control-height-md: 48px;
  --mriya-control-height-lg: 56px;
  --mriya-container-wide: 1280px;
  --mriya-container-compact: 920px;
  --mriya-grid-gutter: 24px;
  --mriya-commerce-column-gap: 32px;
  --mriya-header-height: 88px;

  /* Compatibility bridges for the approved landing and existing components. */
  --blue-900: var(--mriya-blue-900);
  --blue-800: var(--mriya-blue-800);
  --blue-700: var(--mriya-blue-700);
  --blue-300: var(--mriya-blue-200);
  --blue-200: var(--mriya-blue-200);
  --blue-100: var(--mriya-blue-100);
  --yellow: var(--mriya-color-action-primary);
  --paper: var(--mriya-color-bg-canvas);
  --ink: var(--mriya-color-text-primary);
  --muted: var(--mriya-neutral-800);
  --line: var(--mriya-color-border-subtle);
  --white: var(--mriya-color-bg-surface);
  --container: var(--mriya-container-wide);
  --radius: var(--mriya-radius-lg);
  --shadow: var(--mriya-shadow-200);
}

@media (max-width: 1180px) {
  :root {
    --container: var(--mriya-container-compact);
  }
}