/* ORIGEX — ORX-P01 | M1 Design Tokens | Copyright © ORVEAX */
:root {
  /* ORIGEX Brand System v1.2 — canonical raw palette */
  --orx-ink-950: #082A2F;
  --orx-ink-800: #123D42;
  --orx-emerald-700: #0E7567;
  --orx-emerald-300: #80CDBE;
  --orx-brass-600: #C18A42;
  --orx-brass-300: #E7BC77;
  --orx-ivory-100: #F5F1E8;
  --orx-canvas-50: #FCFAF6;
  --orx-graphite-800: #263438;
  --orx-slate-600: #657579;
  --orx-line-200: #DCE1DB;
  --orx-white: #FFFFFF;

  /* Compatibility aliases — preserve the existing component/page API while consuming v1.2. */
  --orx-primary: var(--orx-ink-800);
  --orx-primary-strong: var(--orx-ink-950);
  --orx-secondary: var(--orx-emerald-700);
  --orx-accent: var(--orx-brass-600);
  --orx-sand: var(--orx-ivory-100);
  --orx-bg: var(--orx-canvas-50);
  --orx-surface: var(--orx-white);
  --orx-surface-soft: var(--orx-ivory-100);
  --orx-text: var(--orx-graphite-800);
  --orx-text-muted: var(--orx-slate-600);
  --orx-border: var(--orx-line-200);
  --orx-border-strong: #BFC9C5;

  /* Functional status colors remain semantic UI colors, not brand identity colors. */
  --orx-success: #256B4A;
  --orx-warning: #9A651A;
  --orx-danger: #A63D40;
  --orx-info: #356A8A;

  /* STD-COL01 — semantic surface / foreground relationships. */
  --orx-surface-base: var(--orx-bg);
  --orx-surface-raised: var(--orx-surface);
  --orx-surface-subtle: var(--orx-surface-soft);
  --orx-surface-brand: var(--orx-primary);
  --orx-surface-brand-strong: var(--orx-primary-strong);
  --orx-surface-accent: var(--orx-accent);
  --orx-on-light-primary: var(--orx-primary-strong);
  --orx-on-light-body: var(--orx-text);
  --orx-on-light-muted: var(--orx-slate-600);
  --orx-on-dark-primary: var(--orx-white);
  --orx-on-dark-muted: var(--orx-ivory-100);
  --orx-on-accent: var(--orx-primary-strong);
  --orx-on-status-success: var(--orx-success);
  --orx-on-status-warning: var(--orx-warning);
  --orx-on-status-danger: var(--orx-danger);
  --orx-on-status-info: var(--orx-info);

  --orx-font-ar: "Tajawal", "Noto Sans Arabic", Arial, sans-serif;
  --orx-font-en: "Manrope", "Noto Sans", Arial, sans-serif;

  --orx-fs-display: clamp(2.75rem, 5vw, 5rem);
  --orx-fs-h1: clamp(2.25rem, 4vw, 4rem);
  --orx-fs-h2: clamp(1.875rem, 3vw, 3rem);
  --orx-fs-h3: clamp(1.375rem, 2vw, 2rem);
  --orx-fs-h4: 1.125rem;
  --orx-fs-body-lg: 1.125rem;
  --orx-fs-body: 1rem;
  --orx-fs-small: .875rem;
  --orx-fs-label: .75rem;

  --orx-space-1: .25rem;
  --orx-space-2: .5rem;
  --orx-space-3: .75rem;
  --orx-space-4: 1rem;
  --orx-space-5: 1.25rem;
  --orx-space-6: 1.5rem;
  --orx-space-8: 2rem;
  --orx-space-10: 2.5rem;
  --orx-space-12: 3rem;
  --orx-space-16: 4rem;
  --orx-space-20: 5rem;
  --orx-space-24: 6rem;

  --orx-gutter: 20px;
  --orx-container-narrow: 840px;
  --orx-container-standard: 1140px;
  --orx-container-wide: 1320px;

  --orx-radius-xs: 8px;
  --orx-radius-sm: 12px;
  --orx-radius-md: 16px;
  --orx-radius-lg: 24px;
  --orx-radius-pill: 999px;

  --orx-shadow-e0: none;
  --orx-shadow-e1: 0 8px 28px rgba(8, 42, 47, .06);
  --orx-shadow-e2: 0 16px 44px rgba(8, 42, 47, .10);
  --orx-shadow-e3: 0 24px 64px rgba(8, 42, 47, .16);

  --orx-motion-fast: 150ms;
  --orx-motion-standard: 250ms;
  --orx-motion-slow: 400ms;
  --orx-ease: cubic-bezier(.2,.7,.2,1);

  /* STD-DIM01 — reusable control / form / icon-container tiers. */
  --orx-control-s: 40px;
  --orx-control-m: 48px;
  --orx-control-l: 56px;
  --orx-touch-target: 48px;
  --orx-textarea-min: 144px;
  --orx-check-size: 20px;
  --orx-upload-min: 144px;
  --orx-icon-container-s: 32px;
  --orx-icon-container-m: 40px;
  --orx-icon-container-l: 48px;
  --orx-icon-container-xl: 56px;
  --orx-icon-container-2xl: 64px;

  --orx-header-height: 76px;
  --orx-focus-ring: 0 0 0 3px rgba(193, 138, 66, .34);
}

@media (min-width: 768px) { :root { --orx-gutter: 24px; } }
@media (min-width: 1200px) { :root { --orx-gutter: 32px; } }

@media (prefers-reduced-motion: reduce) {
  :root {
    --orx-motion-fast: 1ms;
    --orx-motion-standard: 1ms;
    --orx-motion-slow: 1ms;
  }
}