/* luna-tokens 0.1.0. Source: lunalabs.online/docs/brand/luna-tokens. Do not edit copies; change the source and re-vendor. */

:where(:root) {
  /* Primitives */
  --luna-cream: #F6F1E6;
  --luna-paper: #FFFDF8;
  --luna-ink: #1A2332;
  --luna-ink-2: #232E40;
  --luna-ink-line: #3A4558;
  --luna-amber: #C9842A;
  --luna-amber-hover: #D39A50;
  --luna-amber-edge: #BE7E2A;
  --luna-amber-tint: #F9EEDF;
  --luna-brass: #C9B07A;
  --luna-brass-text: #D9C79F;
  --luna-pearl: #F4F1EA;

  /* Semantic, light */
  --luna-bg: var(--luna-cream);
  --luna-surface: var(--luna-paper);
  --luna-surface-2: var(--luna-amber-tint);
  --luna-text: var(--luna-ink);
  --luna-muted: #5C6168;
  --luna-line: #DDD5C4;
  --luna-field: #7D8083;
  --luna-primary: var(--luna-amber);
  --luna-primary-hover: var(--luna-amber-hover);
  --luna-primary-edge: var(--luna-amber-edge);
  --luna-primary-tint: var(--luna-amber-tint);
  --luna-on-primary: var(--luna-ink);
  --luna-link: #95621F;
  --luna-link-hover: #6A4C26;
  --luna-focus: var(--luna-link);

  /* Status, light */
  --luna-danger: #9A2B1D;
  --luna-danger-tint: #F6E1DA;
  --luna-success: #337051;
  --luna-success-tint: #E3F0E8;
  --luna-warn: #8A5A00;
  --luna-warn-tint: #F7ECD4;
  --luna-info: var(--luna-link);

  /* Type */
  --luna-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --luna-font-serif: "Playfair Display", Georgia, serif;
  --luna-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --luna-t-xs: .8125rem;
  --luna-t-sm: .875rem;
  --luna-t-md: 1rem;
  --luna-t-lg: 1.125rem;
  --luna-t-xl: 1.375rem;
  --luna-t-2xl: 1.75rem;
  --luna-t-3xl: 2.25rem;

  /* Space, shape, depth */
  --luna-s-1: 4px;  --luna-s-2: 8px;  --luna-s-3: 12px; --luna-s-4: 16px;
  --luna-s-5: 20px; --luna-s-6: 24px; --luna-s-7: 28px; --luna-s-8: 32px;
  --luna-r-sm: 8px;
  --luna-r-md: 10px;
  --luna-r-lg: 14px;
  --luna-r-pill: 999px;
  --luna-shadow-sm: 0 1px 2px rgba(26, 35, 50, .06), 0 1px 3px rgba(26, 35, 50, .08);
  --luna-shadow-md: 0 4px 12px rgba(26, 35, 50, .10);
  --luna-shadow-hero: 0 24px 48px rgba(26, 35, 50, .14);
  --luna-tap-min: 44px;
  --luna-tap: 48px;
  --luna-tap-staff: 64px;
  --luna-ease: 150ms ease-out;
}

/* Dark: only where the page opts in with class="luna-dark-auto" (system setting)
   or data-luna-theme="dark" (forced) on <html>. Sites and the Loyalty owner UI never opt in. */
@media (prefers-color-scheme: dark) {
  :where(.luna-dark-auto:not([data-luna-theme="light"])) {
    --luna-bg: var(--luna-ink);
    --luna-surface: var(--luna-ink-2);
    --luna-surface-2: #2B3850;
    --luna-text: var(--luna-pearl);
    --luna-muted: var(--luna-brass-text);
    --luna-line: var(--luna-ink-line);
    --luna-field: #8E96A3;
    --luna-link: var(--luna-amber-hover);
    --luna-link-hover: #E2B67E;
    --luna-focus: var(--luna-brass);
    --luna-danger: #E8907F;
    --luna-success: #7DC29B;
    --luna-warn: #E2B656;
    --luna-danger-tint: rgba(232, 144, 127, .16);
    --luna-success-tint: rgba(125, 194, 155, .16);
    --luna-warn-tint: rgba(226, 182, 86, .16);
    --luna-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --luna-shadow-md: 0 4px 12px rgba(0, 0, 0, .35);
  }
}
:where([data-luna-theme="dark"]) {
  /* same declarations as the block above */
}

@media (prefers-reduced-motion: reduce) {
  :where(:root) { --luna-ease: 0ms; }
}