.rella-v2-page {
    /* RUI-02 tokens extracted from Figma nodes 1:83, 1:2201, 1:146, 1:2422, 1:1185, 1:1190, 1:1195. */
    --rella-v2-color-brand-green: #13905e;
    --rella-v2-color-brand-orange: #ff6e3f;
    --rella-v2-color-brand-orange-dark: #e95322;
    --rella-v2-color-brand-orange-border: #d42c2c;
    --rella-v2-color-brand-orange-soft: #f9ab91;
    --rella-v2-color-brand-red: #d42c2c;
    --rella-v2-color-surface-page: #f9f9f9;
    --rella-v2-color-surface: #ffffff;
    --rella-v2-color-surface-soft: #f8f8f8;
    --rella-v2-color-surface-muted: #f5f0f0;
    --rella-v2-color-surface-card: #e7dede;
    --rella-v2-color-border: #e7dede;
    --rella-v2-color-border-muted: #d9d9d9;
    --rella-v2-color-disabled: #e1e1e1;
    --rella-v2-color-disabled-strong: #bfbfbf;
    --rella-v2-color-category-bg: #f3e9b5;
    --rella-v2-color-text: #391713;
    --rella-v2-color-text-strong: #161616;
    --rella-v2-color-text-muted: #4b4b4b;
    --rella-v2-color-text-placeholder: #676767;
    --rella-v2-color-text-subtle: #a3a3a3;
    --rella-v2-color-overlay-disabled: rgba(230, 226, 226, 0.58);
    --rella-v2-color-icon-inverse-muted: rgba(255, 255, 255, 0.5);

    --rella-v2-gradient-status-completed: linear-gradient(90deg, #3de76b 0%, #13905e 91%);
    --rella-v2-gradient-status-ready: linear-gradient(90deg, #ffc421 0%, #ff9030 91%);
    --rella-v2-gradient-status-cancelled: linear-gradient(90deg, #ff6e3f 0%, #e95322 91%);
    --rella-v2-gradient-premium: linear-gradient(90deg, #ffc421 0%, #ff9030 91%);
    --rella-v2-gradient-decorative-red: linear-gradient(90deg, #ffff70 0%, #ea8852 48%, #d40d33 97%);
    --rella-v2-status-completed-stroke: #2be69b;
    --rella-v2-status-ready-stroke: #ffde85;
    --rella-v2-status-cancelled-stroke: #d42c2c;

    --rella-v2-font-sans: "Inter", "Poppins", Arial, sans-serif;
    --rella-v2-font-product: "League Spartan", "Inter", "Poppins", Arial, sans-serif;
    --rella-v2-font-weight-light: 300;
    --rella-v2-font-weight-regular: 400;
    --rella-v2-font-weight-medium: 500;
    --rella-v2-font-weight-semibold: 600;
    --rella-v2-font-weight-bold: 700;
    --rella-v2-font-size-xs: 12px;
    --rella-v2-font-size-status: 12px;
    --rella-v2-font-size-system: 13px;
    --rella-v2-font-size-sm: 14px;
    --rella-v2-font-size-md: 16px;
    --rella-v2-font-size-lg: 18px;
    --rella-v2-font-size-title-mobile: 24px;
    --rella-v2-font-size-product-title: 32px;
    --rella-v2-font-size-display: 64px;
    --rella-v2-line-height-auto: normal;
    --rella-v2-line-height-dense: 26px;
    --rella-v2-line-height-copy: 34px;
    --rella-v2-line-height-form: 38px;
    --rella-v2-letter-spacing-base: 0;

    --rella-v2-space-0: 0;
    --rella-v2-space-1: 4px;
    --rella-v2-space-2: 8px;
    --rella-v2-space-3: 12px;
    --rella-v2-space-4: 16px;
    --rella-v2-space-5: 20px;
    --rella-v2-space-6: 24px;
    --rella-v2-space-7: 30px;
    --rella-v2-space-8: 32px;
    --rella-v2-space-9: 40px;
    --rella-v2-space-10: 48px;
    --rella-v2-space-11: 55px;
    --rella-v2-space-12: 60px;
    --rella-v2-space-13: 70px;
    --rella-v2-space-14: 75px;
    --rella-v2-space-15: 80px;

    --rella-v2-radius-none: 0;
    --rella-v2-radius-xs: 8px;
    --rella-v2-radius-sm: 20px;
    --rella-v2-radius-badge: 24px;
    --rella-v2-radius-panel: 30px;
    --rella-v2-radius-category-desktop: 37px;
    --rella-v2-radius-category-mobile: 47px;
    --rella-v2-radius-product-media: 51px;
    --rella-v2-radius-circle-control: 60px;
    --rella-v2-radius-search-desktop: 71px;
    --rella-v2-radius-pill: 999px;

    --rella-v2-shadow-category: 5px 4px 17.4px rgba(0, 0, 0, 0.25);
    --rella-v2-shadow-selected: 1px 6px 15.8px rgba(0, 0, 0, 0.15);
    --rella-v2-shadow-premium: 5px 4px 18.4px rgba(0, 0, 0, 0.35);
    --rella-v2-shadow-warm: 3px 4px 36.8px rgba(130, 38, 8, 0.2);
    --rella-v2-shadow-subtle: 0 1px 3px rgba(0, 0, 0, 0.2);

    --rella-v2-viewport-mobile: 480px;
    --rella-v2-viewport-desktop: 1700px;
    --rella-v2-bp-mobile-frame: 480px;
    --rella-v2-bp-fluid-switch: 809px;
    --rella-v2-bp-desktop-frame: 1700px;
    --rella-v2-header-mobile-height: 319px;
    --rella-v2-header-desktop-height: 117px;
    --rella-v2-bottom-nav-height: 85px;
    --rella-v2-bottom-nav-bar-height: 75px;
    --rella-v2-content-mobile: 360px;
    --rella-v2-content-mobile-margin: 60px;
    --rella-v2-search-mobile-height: 39px;
    --rella-v2-card-category-mobile-width: 105.56px;
    --rella-v2-card-category-mobile-height: 140.75px;
    --rella-v2-card-category-mobile-gap: 21.44px;
    --rella-v2-card-category-row-gap: 32px;

    --rella-v2-green: var(--rella-v2-color-brand-green);
    --rella-v2-orange: var(--rella-v2-color-brand-orange);
    --rella-v2-orange-dark: var(--rella-v2-color-brand-orange-dark);
    --rella-v2-paper: var(--rella-v2-color-surface-page);
    --rella-v2-white: var(--rella-v2-color-surface);
    --rella-v2-text: var(--rella-v2-color-text);
    --rella-v2-muted: var(--rella-v2-color-text-muted);
    --rella-v2-border: var(--rella-v2-color-border);
    --rella-v2-disabled: var(--rella-v2-color-disabled);
    --rella-v2-font: var(--rella-v2-font-sans);
    --rella-v2-product-font: var(--rella-v2-font-product);
}