/* MOCTA Pome — generated from tokens.json */
:root, [data-theme="light"] {
--pome-palette-ink: #121214;
--pome-palette-pomegranate: #eb405a;
--pome-palette-hover: #ee5c72;
--pome-palette-pressed: #e53e58;
--pome-palette-white: #ffffff;
--pome-palette-soft-white: #f4f4f2;
--pome-palette-fog: #d9d9dd;
--pome-palette-graphite: #65656c;
--pome-palette-wash: #f5e5e8;
--pome-palette-line: #dedee0;
--pome-palette-control: #99999f;
--pome-palette-focus: #a4243a;
--pome-palette-error: #a4243a;
--pome-palette-error-wash: #fcedef;
--pome-palette-dark-muted: #c4c4c9;
--pome-palette-transparent: #ffffff00;
--pome-palette-dark-surface: #1e1e22;
--pome-palette-dark-subtle: #29292e;
--pome-palette-dark-line: #424249;
--pome-palette-dark-control: #8e8e98;
--pome-palette-dark-focus: #ff8da0;
--pome-palette-dark-error-wash: #361d24;
--pome-palette-neutral-hover: #e8e8e6;
--pome-palette-neutral-pressed: #d9d9d7;
--pome-palette-dark-hover: #323238;
--pome-palette-dark-pressed: #3c3c44;
--pome-palette-success: #246a43;
--pome-palette-success-wash: #edf6ef;
--pome-palette-success-light: #a5d8b4;
--pome-palette-success-dark: #172b20;
--pome-palette-warning: #805a15;
--pome-palette-warning-wash: #fbf3de;
--pome-palette-warning-light: #e6c77d;
--pome-palette-warning-dark: #302818;
--pome-palette-info: #285f86;
--pome-palette-info-wash: #eaf3fa;
--pome-palette-info-light: #a3cce9;
--pome-palette-info-dark: #172936;
--pome-surface-page: var(--pome-palette-soft-white);
--pome-surface-default: var(--pome-palette-white);
--pome-surface-subtle: var(--pome-palette-wash);
--pome-surface-inverse: var(--pome-palette-ink);
--pome-surface-disabled: var(--pome-palette-fog);
--pome-brand-accent: var(--pome-palette-pomegranate);
--pome-action-primary: var(--pome-palette-pomegranate);
--pome-action-hover: var(--pome-palette-hover);
--pome-action-pressed: var(--pome-palette-pressed);
--pome-text-primary: var(--pome-palette-ink);
--pome-text-secondary: var(--pome-palette-graphite);
--pome-text-inverse: var(--pome-palette-white);
--pome-text-on-accent: var(--pome-palette-ink);
--pome-text-link: var(--pome-palette-focus);
--pome-text-disabled: var(--pome-palette-graphite);
--pome-text-on-dark-muted: var(--pome-palette-dark-muted);
--pome-border-subtle: var(--pome-palette-line);
--pome-border-control: var(--pome-palette-graphite);
--pome-border-focus: var(--pome-palette-focus);
--pome-feedback-error: var(--pome-palette-error);
--pome-feedback-error-surface: var(--pome-palette-error-wash);
--pome-utility-transparent: var(--pome-palette-transparent);
--pome-surface-hover: var(--pome-palette-neutral-hover);
--pome-surface-pressed: var(--pome-palette-neutral-pressed);
--pome-surface-selected: var(--pome-palette-wash);
--pome-feedback-success: var(--pome-palette-success);
--pome-feedback-success-surface: var(--pome-palette-success-wash);
--pome-feedback-warning: var(--pome-palette-warning);
--pome-feedback-warning-surface: var(--pome-palette-warning-wash);
--pome-feedback-info: var(--pome-palette-info);
--pome-feedback-info-surface: var(--pome-palette-info-wash);
--pome-action-danger: var(--pome-palette-focus);
--pome-text-on-danger: var(--pome-palette-white);
--pome-icon-primary: var(--pome-palette-ink);
--pome-icon-secondary: var(--pome-palette-graphite);
--pome-overlay-scrim: var(--pome-palette-ink);
--pome-focus-halo: var(--pome-palette-white);
--pome-elevation-card: 0px 18px 55px 0px rgba(18, 18, 20, 0.07);
--pome-elevation-raised: 0px 8px 24px 0px rgba(18, 18, 20, 0.1);
}
[data-theme="dark"] {
--pome-surface-page: var(--pome-palette-ink);
--pome-surface-default: var(--pome-palette-dark-surface);
--pome-surface-subtle: var(--pome-palette-dark-subtle);
--pome-surface-inverse: var(--pome-palette-soft-white);
--pome-surface-disabled: var(--pome-palette-dark-subtle);
--pome-brand-accent: var(--pome-palette-pomegranate);
--pome-action-primary: var(--pome-palette-pomegranate);
--pome-action-hover: var(--pome-palette-hover);
--pome-action-pressed: var(--pome-palette-pressed);
--pome-text-primary: var(--pome-palette-soft-white);
--pome-text-secondary: var(--pome-palette-dark-muted);
--pome-text-inverse: var(--pome-palette-ink);
--pome-text-on-accent: var(--pome-palette-ink);
--pome-text-link: var(--pome-palette-dark-focus);
--pome-text-disabled: var(--pome-palette-dark-muted);
--pome-text-on-dark-muted: var(--pome-palette-graphite);
--pome-border-subtle: var(--pome-palette-dark-line);
--pome-border-control: var(--pome-palette-dark-control);
--pome-border-focus: var(--pome-palette-dark-focus);
--pome-feedback-error: var(--pome-palette-dark-focus);
--pome-feedback-error-surface: var(--pome-palette-dark-error-wash);
--pome-utility-transparent: var(--pome-palette-transparent);
--pome-surface-hover: var(--pome-palette-dark-hover);
--pome-surface-pressed: var(--pome-palette-dark-pressed);
--pome-surface-selected: var(--pome-palette-dark-error-wash);
--pome-feedback-success: var(--pome-palette-success-light);
--pome-feedback-success-surface: var(--pome-palette-success-dark);
--pome-feedback-warning: var(--pome-palette-warning-light);
--pome-feedback-warning-surface: var(--pome-palette-warning-dark);
--pome-feedback-info: var(--pome-palette-info-light);
--pome-feedback-info-surface: var(--pome-palette-info-dark);
--pome-action-danger: var(--pome-palette-dark-focus);
--pome-text-on-danger: var(--pome-palette-ink);
--pome-icon-primary: var(--pome-palette-soft-white);
--pome-icon-secondary: var(--pome-palette-dark-muted);
--pome-overlay-scrim: var(--pome-palette-ink);
--pome-focus-halo: var(--pome-palette-ink);
}
:root {
--pome-space-0: 0px;
--pome-space-2: 2px;
--pome-space-4: 4px;
--pome-space-8: 8px;
--pome-space-12: 12px;
--pome-space-16: 16px;
--pome-space-20: 20px;
--pome-space-24: 24px;
--pome-space-32: 32px;
--pome-space-40: 40px;
--pome-space-48: 48px;
--pome-space-64: 64px;
--pome-space-80: 80px;
--pome-space-96: 96px;
--pome-space-128: 128px;
--pome-space-144: 144px;
--pome-radius-0: 0px;
--pome-radius-4: 4px;
--pome-radius-6: 6px;
--pome-radius-8: 8px;
--pome-radius-10: 10px;
--pome-radius-12: 12px;
--pome-radius-14: 14px;
--pome-radius-100: 100px;
--pome-radius-999: 999px;
--pome-radius-control: 6px;
--pome-radius-card: 8px;
--pome-radius-panel: 12px;
--pome-stroke-1: 1px;
--pome-stroke-1-5: 1.5px;
--pome-stroke-2: 2px;
--pome-stroke-3: 3px;
--pome-stroke-focus-offset: 2px;
--pome-size-20: 20px;
--pome-size-24: 24px;
--pome-size-32: 32px;
--pome-size-44: 44px;
--pome-size-48: 48px;
--pome-size-56: 56px;
--pome-size-icon: 24px;
--pome-size-target: 44px;
--pome-size-control: 48px;
--pome-size-avatar: 40px;
--pome-grid-desktop-gutter: 64px;
--pome-grid-mobile-gutter: 24px;
--pome-grid-max-width: 1568px;
--pome-grid-columns-desktop: 12;
--pome-grid-columns-mobile: 4;
--pome-typography-size-12: 12px;
--pome-typography-size-14: 14px;
--pome-typography-size-16: 16px;
--pome-typography-size-18: 18px;
--pome-typography-size-20: 20px;
--pome-typography-size-24: 24px;
--pome-typography-size-28: 28px;
--pome-typography-size-32: 32px;
--pome-typography-size-36: 36px;
--pome-typography-size-40: 40px;
--pome-typography-size-44: 44px;
--pome-typography-size-48: 48px;
--pome-typography-size-56: 56px;
--pome-typography-size-64: 64px;
--pome-typography-size-72: 72px;
--pome-typography-size-80: 80px;
--pome-typography-size-96: 96px;
--pome-typography-size-112: 112px;
--pome-typography-line-18: 18px;
--pome-typography-line-20: 20px;
--pome-typography-line-22: 22px;
--pome-typography-line-24: 24px;
--pome-typography-line-26: 26px;
--pome-typography-line-28: 28px;
--pome-typography-line-32: 32px;
--pome-typography-line-40: 40px;
--pome-typography-line-48: 48px;
--pome-typography-line-56: 56px;
--pome-typography-line-72: 72px;
--pome-typography-line-100: 100px;
--pome-typography-weight-regular: 400;
--pome-typography-weight-medium: 500;
--pome-typography-weight-semibold: 600;
--pome-typography-weight-bold: 700;
--pome-typography-tracking-descriptor: 0.06em;
--pome-motion-duration-fast: 120ms;
--pome-motion-duration-base: 180ms;
--pome-motion-duration-slow: 240ms;
--pome-motion-agent-idle: 3500ms;
--pome-motion-agent-listening: 3400ms;
--pome-motion-agent-searching: 3000ms;
--pome-motion-agent-thinking: 2700ms;
--pome-motion-agent-found: 3000ms;
--pome-motion-agent-checkout: 2600ms;
--pome-motion-agent-done: 2400ms;
--pome-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
--pome-gradient-soft-wash: linear-gradient(90deg, #ffffff 0%, #f5e5e8 100%);
--pome-gradient-product-backdrop: linear-gradient(90deg, #f5e5e8 0%, #eb405a 100%);
--pome-gradient-stage-light: linear-gradient(90deg, #121214 0%, #eb405a 100%);
--font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}