/*
 * @bhp/design-system - design tokens
 * Generated by scripts/build-tokens.mjs. Do not edit by hand.
 *
 * Brand primitives VERIFIED against the logo artwork and the live site. Scales and semantic aliases still transcript-recovered. See RECOVERY-STATUS.md.
 * light: 165 tokens | dark: 41 tokens
 */

:root {
  --bhp-amber: #d89a16;
  --bhp-asphalt-0: #FFFFFF;
  --bhp-asphalt-100: #EEF0EF;
  --bhp-asphalt-200: #E2E2E2;
  --bhp-asphalt-300: #C7CAC8;
  --bhp-asphalt-400: #999999;
  --bhp-asphalt-50: #F6F7F7;
  --bhp-asphalt-500: #777777;
  --bhp-asphalt-600: #5A5D5B;
  --bhp-asphalt-700: #3F4240;
  --bhp-asphalt-800: #222222;
  --bhp-asphalt-900: #191B1A;
  --bhp-asphalt-950: #101211;
  --bhp-bg: #eef3ef;  /* medium confidence */
  --bhp-bg-brand: #00926F;
  --bhp-bg-brand-subtle: #E8F6F1;
  --bhp-bg-inverse: #101211;
  --bhp-bg-muted: #EEF0EF;
  --bhp-bg-subtle: #F6F7F7;
  --bhp-blue: #2877b8;
  --bhp-border: #ccd7cf;  /* medium confidence */
  --bhp-border-brand: #00926F;
  --bhp-border-strong: #9fb2a5;  /* medium confidence */
  --bhp-brand-green: #006A51;  /* verified confidence */
  --bhp-brand-green-mid: #0E8A6D;  /* verified confidence */
  --bhp-brand-green-soft: #469786;  /* verified confidence */
  --bhp-brand-navy: #162E4E;  /* verified confidence */
  --bhp-brand-red: #E51B24;  /* verified confidence */
  --bhp-brand-white: #FFFFFF;  /* verified confidence */
  --bhp-breakpoint-lg: 1024px;
  --bhp-breakpoint-md: 768px;
  --bhp-breakpoint-sm: 640px;
  --bhp-breakpoint-xl: 1280px;
  --bhp-color-accent: #E51B24;  /* verified confidence */
  --bhp-color-accent-hover: #C4151D;
  --bhp-color-danger: #C4151D;
  --bhp-color-info: #2F6DA8;
  --bhp-color-primary: #006A51;  /* verified confidence */
  --bhp-color-primary-active: #006A51;
  --bhp-color-primary-hover: #007B5D;
  --bhp-color-success: #007B5D;
  --bhp-color-warning: #E8A13D;
  --bhp-container-max: 1200px;
  --bhp-container-narrow: 760px;
  --bhp-danger: var(--bhp-red);
  --bhp-dashboard-sidebar-width: 252px;
  --bhp-duration-fast: 150ms;
  --bhp-duration-normal: 250ms;
  --bhp-duration-slow: 400ms;
  --bhp-ease-out: 0.16, 1, 0.3, 1;
  --bhp-focus: #7ccca4;
  --bhp-focus-ring: 0 0 0 3px rgba(0,146,111,0.35);
  --bhp-font-black: 800;
  --bhp-font-body: Inter, "Segoe UI", Arial, sans-serif;  /* medium confidence */
  --bhp-font-bold: 700;
  --bhp-font-display: "Arial Narrow", "Segoe UI", sans-serif;  /* medium confidence */
  --bhp-font-medium: 500;
  --bhp-font-mono: "JetBrains Mono", Consolas, "Courier New", monospace;  /* medium confidence */
  --bhp-font-regular: 400;
  --bhp-font-rtl: "IRANSans", "Vazirmatn", Inter, system-ui, sans-serif;  /* verified confidence */
  --bhp-font-semibold: 600;
  --bhp-font-ui: "Segoe UI", Tahoma, Arial, sans-serif;  /* medium confidence */
  --bhp-green: #147a4a;
  --bhp-green-100: #C5E9DF;
  --bhp-green-200: #97D5C3;
  --bhp-green-300: #63BFA6;
  --bhp-green-400: #2FA98A;
  --bhp-green-50: #E8F6F1;
  --bhp-green-500: #00926F;
  --bhp-green-600: #007B5D;
  --bhp-green-700: #006A51;
  --bhp-green-800: #00523F;
  --bhp-green-900: #003D2F;
  --bhp-green-950: #002921;
  --bhp-green-soft: #dff3e8;
  --bhp-green-strong: #0b5c36;
  --bhp-info: var(--bhp-blue);
  --bhp-ink: #122019;
  --bhp-leading-loose: 1.75;
  --bhp-leading-normal: 1.6;
  --bhp-leading-snug: 1.3;
  --bhp-leading-tight: 1.15;
  --bhp-navy-500: #2C4B77;
  --bhp-navy-600: #1F3A5F;
  --bhp-navy-700: #162E4E;
  --bhp-navy-800: #10233C;
  --bhp-navy-900: #0B1929;
  --bhp-overlay: rgba(8, 24, 15, 0.72);
  --bhp-overlay-green: rgba(0,82,63,0.70);
  --bhp-overlay-navy: rgba(11,25,41,0.60);
  --bhp-primary: var(--bhp-green);
  --bhp-primary-soft: var(--bhp-green-soft);
  --bhp-primary-strong: var(--bhp-green-strong);
  --bhp-radius: 12px;
  --bhp-radius-full: 999px;
  --bhp-radius-lg: 20px;  /* medium confidence */
  --bhp-radius-md: 6px;
  --bhp-radius-sm: 6px;  /* medium confidence */
  --bhp-radius-xl: 16px;
  --bhp-red: #c43b35;
  --bhp-red-100: #FBD1D3;
  --bhp-red-200: #F7A8AC;
  --bhp-red-300: #F1797E;
  --bhp-red-400: #EB4A51;
  --bhp-red-50: #FDEDEE;
  --bhp-red-500: #E51B24;
  --bhp-red-600: #C4151D;
  --bhp-red-700: #A11017;
  --bhp-red-800: #7D0C12;
  --bhp-red-900: #5A080C;
  --bhp-sand-100: #EFEAE0;
  --bhp-sand-200: #E3DCCE;
  --bhp-sand-300: #D8CFC0;
  --bhp-sand-500: #B3A68F;
  --bhp-sand-700: #8C7F6D;
  --bhp-scrim-card: linear-gradient(180deg, rgba(16,18,17,0.05) 0%, rgba(16,18,17,0.45) 100%);
  --bhp-scrim-hero: linear-gradient(180deg, rgba(16,18,17,0) 30%, rgba(16,18,17,0.55) 100%);
  --bhp-shadow: 0 18px 50px rgba(10, 31, 19, 0.12);
  --bhp-shadow-lg: 0 8px 24px 0 rgba(16,18,17,0.14);
  --bhp-shadow-md: 0 2px 8px 0 rgba(16,18,17,0.10);
  --bhp-shadow-sm: 0 1px 2px 0 rgba(16,18,17,0.06);
  --bhp-shadow-xl: 0 16px 48px 0 rgba(16,18,17,0.18);
  --bhp-space-1: 4px;  /* medium confidence */
  --bhp-space-10: 2.5rem;
  --bhp-space-12: 3rem;
  --bhp-space-16: 4rem;
  --bhp-space-2: 8px;  /* medium confidence */
  --bhp-space-20: 5rem;
  --bhp-space-24: 6rem;
  --bhp-space-3: 12px;  /* medium confidence */
  --bhp-space-4: 16px;  /* medium confidence */
  --bhp-space-5: 24px;  /* medium confidence */
  --bhp-space-6: 32px;  /* medium confidence */
  --bhp-space-8: 2rem;
  --bhp-surface: #ffffff;
  --bhp-surface-raised: #f7faf8;
  --bhp-surface-strong: #e5ece7;
  --bhp-table-head-ink: #003D2F;
  --bhp-text: #122019;  /* medium confidence */
  --bhp-text-2xl: 1.5rem;
  --bhp-text-3xl: 1.875rem;
  --bhp-text-4xl: 2.375rem;
  --bhp-text-5xl: 3rem;
  --bhp-text-6xl: 3.75rem;
  --bhp-text-accent: #C4151D;
  --bhp-text-base: 1rem;
  --bhp-text-brand: #006A51;
  --bhp-text-inverse: #FFFFFF;
  --bhp-text-lg: 1.125rem;
  --bhp-text-link: #006A51;
  --bhp-text-link-hover: #00926F;
  --bhp-text-muted: #5b6a61;  /* medium confidence */
  --bhp-text-secondary: #5A5D5B;
  --bhp-text-sm: 0.875rem;
  --bhp-text-xl: 1.25rem;
  --bhp-text-xs: 0.75rem;
  --bhp-tracking-logo: 0.18em;
  --bhp-tracking-tight: -0.01em;
  --bhp-tracking-wide: 0.06em;
  --bhp-warning: var(--bhp-amber);
  --bhp-white: #ffffff;
  --bhp-z-dropdown: 200;
  --bhp-z-header: 100;
  --bhp-z-modal: 500;
  --bhp-z-toast: 900;
}

[data-theme="dark"] {
  --bhp-bg: #0c1410;  /* medium confidence */
  --bhp-bg-brand: #00926F;
  --bhp-bg-brand-subtle: #002921;
  --bhp-bg-inverse: #FFFFFF;
  --bhp-bg-muted: #222222;
  --bhp-bg-subtle: #191B1A;
  --bhp-border: #2d4035;  /* medium confidence */
  --bhp-border-brand: #2FA98A;
  --bhp-border-strong: #496353;  /* medium confidence */
  --bhp-color-accent: #E51B24;  /* verified confidence */
  --bhp-color-accent-hover: #EB4A51;
  --bhp-color-danger: #F1797E;
  --bhp-color-info: #85ACC4;
  --bhp-color-primary: #00926F;  /* verified confidence */
  --bhp-color-primary-active: #63BFA6;
  --bhp-color-primary-hover: #2FA98A;
  --bhp-color-success: #63BFA6;
  --bhp-color-warning: #E8A13D;
  --bhp-focus: #86e0ad;
  --bhp-focus-ring: 0 0 0 3px rgba(99,191,166,0.42);
  --bhp-overlay: rgba(2, 9, 5, 0.78);
  --bhp-primary: #54bd83;
  --bhp-primary-soft: #183c29;
  --bhp-primary-strong: #82daa7;
  --bhp-shadow: 0 18px 60px rgba(0, 0, 0, 0.34);
  --bhp-shadow-lg: 0 8px 24px 0 rgba(0,0,0,0.55);
  --bhp-shadow-md: 0 2px 8px 0 rgba(0,0,0,0.50);
  --bhp-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.40);
  --bhp-shadow-xl: 0 16px 48px 0 rgba(0,0,0,0.60);
  --bhp-surface: #121d17;
  --bhp-surface-raised: #17251d;
  --bhp-surface-strong: #213129;
  --bhp-table-head-ink: #97D5C3;
  --bhp-text: #edf5f0;  /* medium confidence */
  --bhp-text-accent: #F1797E;
  --bhp-text-brand: #63BFA6;
  --bhp-text-inverse: #101211;
  --bhp-text-link: #63BFA6;
  --bhp-text-link-hover: #97D5C3;
  --bhp-text-muted: #9eb1a5;  /* medium confidence */
  --bhp-text-secondary: #C7CAC8;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bhp-bg: #0c1410;
    --bhp-bg-brand: #00926F;
    --bhp-bg-brand-subtle: #002921;
    --bhp-bg-inverse: #FFFFFF;
    --bhp-bg-muted: #222222;
    --bhp-bg-subtle: #191B1A;
    --bhp-border: #2d4035;
    --bhp-border-brand: #2FA98A;
    --bhp-border-strong: #496353;
    --bhp-color-accent: #E51B24;
    --bhp-color-accent-hover: #EB4A51;
    --bhp-color-danger: #F1797E;
    --bhp-color-info: #85ACC4;
    --bhp-color-primary: #00926F;
    --bhp-color-primary-active: #63BFA6;
    --bhp-color-primary-hover: #2FA98A;
    --bhp-color-success: #63BFA6;
    --bhp-color-warning: #E8A13D;
    --bhp-focus: #86e0ad;
    --bhp-focus-ring: 0 0 0 3px rgba(99,191,166,0.42);
    --bhp-overlay: rgba(2, 9, 5, 0.78);
    --bhp-primary: #54bd83;
    --bhp-primary-soft: #183c29;
    --bhp-primary-strong: #82daa7;
    --bhp-shadow: 0 18px 60px rgba(0, 0, 0, 0.34);
    --bhp-shadow-lg: 0 8px 24px 0 rgba(0,0,0,0.55);
    --bhp-shadow-md: 0 2px 8px 0 rgba(0,0,0,0.50);
    --bhp-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.40);
    --bhp-shadow-xl: 0 16px 48px 0 rgba(0,0,0,0.60);
    --bhp-surface: #121d17;
    --bhp-surface-raised: #17251d;
    --bhp-surface-strong: #213129;
    --bhp-table-head-ink: #97D5C3;
    --bhp-text: #edf5f0;
    --bhp-text-accent: #F1797E;
    --bhp-text-brand: #63BFA6;
    --bhp-text-inverse: #101211;
    --bhp-text-link: #63BFA6;
    --bhp-text-link-hover: #97D5C3;
    --bhp-text-muted: #9eb1a5;
    --bhp-text-secondary: #C7CAC8;
  }
}
