/** Shopify CDN: Minification failed

Line 10:45 Unexpected "*"

**/
/* ============================================================
   DINAR · Design Tokens
   Source of truth: AI-GUIDE/Dinar Brand system v.02 (tokens/*.css).
   Namespaced (--dinar-*) so it only adds variables; it never
   overwrites Horizon's own --color-*/--font-*/--radius-* system.
   Component-level overrides that consume these tokens live in
   dinar-overrides.css.
   ============================================================ */
:root {
  /* ---- Brand colors ---- */
  --dinar-green-primary: #65D072;
  --dinar-black-primary: #000000;
  --dinar-off-white: #FEFAE5;
  --dinar-green-dark: #1C3928;
  --dinar-green-light: #A6E6A3;

  --dinar-gray-light: #E6E6E6;
  --dinar-gray-primary: #CECECE;
  --dinar-gray-medium: #AFAFAF;
  --dinar-gray-dark: #7A7A7A;

  --dinar-ink-900: #000000;
  --dinar-ink-850: #070908;
  --dinar-ink-800: #0E1410;
  --dinar-ink-750: #141B16;
  --dinar-ink-700: #1C241E;
  --dinar-hairline: rgba(255, 255, 255, 0.08);
  --dinar-hairline-strong: rgba(255, 255, 255, 0.16);

  --dinar-green-hover: #7BDA86;
  --dinar-green-press: #4FB85D;
  --dinar-green-040: rgba(101, 208, 114, 0.04);
  --dinar-green-080: rgba(101, 208, 114, 0.08);
  --dinar-green-160: rgba(101, 208, 114, 0.16);
  --dinar-green-glow: rgba(101, 208, 114, 0.30);

  /* ---- Typography ---- */
  --dinar-font-display: "Thmanyah Serif Display", "Thmanyah Serif Text", Georgia, serif;
  --dinar-font-text: "Thmanyah Serif Text", "Thmanyah Serif Display", Georgia, serif;
  --dinar-font-sans: "Thmanyah Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --dinar-fw-light: 300;
  --dinar-fw-regular: 400;
  --dinar-fw-medium: 500;
  --dinar-fw-bold: 700;
  --dinar-fw-black: 900;

  --dinar-lh-tight: 1.04;
  --dinar-lh-snug: 1.18;
  --dinar-lh-normal: 1.5;
  --dinar-lh-relaxed: 1.75;

  --dinar-ls-tight: -0.02em;
  --dinar-ls-normal: 0;
  --dinar-ls-wide: 0.08em;
  --dinar-ls-wider: 0.18em;

  /* ---- Spacing (4-based scale) ---- */
  --dinar-space-1: 4px;
  --dinar-space-2: 8px;
  --dinar-space-3: 12px;
  --dinar-space-4: 16px;
  --dinar-space-6: 24px;
  --dinar-space-8: 32px;
  --dinar-space-12: 48px;
  --dinar-space-16: 64px;
  --dinar-space-24: 96px;
  --dinar-space-32: 128px;
  --dinar-container-max: 1320px;

  /* ---- Radius (pill-first) ---- */
  --dinar-radius-xs: 4px;
  --dinar-radius-sm: 8px;
  --dinar-radius-md: 12px;
  --dinar-radius-lg: 18px;
  --dinar-radius-xl: 24px;
  --dinar-radius-2xl: 32px;
  --dinar-radius-pill: 999px;

  /* ---- Shadow ---- */
  --dinar-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.6);
  --dinar-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.55);
  --dinar-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.65);
  --dinar-shadow-green-glow: 0 0 0 1px rgba(101, 208, 114, 0.35), 0 8px 30px rgba(101, 208, 114, 0.18);
  --dinar-ring-focus: 0 0 0 2px var(--dinar-ink-900), 0 0 0 4px var(--dinar-green-primary);

  /* ---- Motion ---- */
  --dinar-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dinar-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dinar-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dinar-dur-fast: 140ms;
  --dinar-dur-base: 240ms;
  --dinar-dur-slow: 420ms;
  --dinar-dur-reveal: 700ms;
}

/* ---- Brand utility classes (opt-in, used by section/snippet markup) ---- */
.dinar-display {
  font-family: var(--dinar-font-display);
  font-weight: var(--dinar-fw-bold);
  line-height: var(--dinar-lh-tight);
  letter-spacing: var(--dinar-ls-normal);
}

.dinar-eyebrow {
  font-family: var(--dinar-font-sans);
  font-weight: var(--dinar-fw-medium);
  letter-spacing: var(--dinar-ls-wider);
  text-transform: uppercase;
  color: var(--dinar-green-primary);
}

.dinar-price {
  font-family: var(--dinar-font-sans);
  font-weight: var(--dinar-fw-medium);
  font-feature-settings: "tnum" 1;
  font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
  .dinar-display,
  .dinar-eyebrow,
  .dinar-price {
    transition-duration: 0.001ms !important;
  }
}