/*
 * SNSPICKS canonical color system.
 *
 * Components consume these semantic tokens from their existing owner rules.
 * Light values intentionally match the current production palette exactly;
 * dark values are defined once here so browsers never invent their own mix.
 */
:root {
  color-scheme: light dark;

  --sns-theme-surface-rgb: 255, 255, 255;
  --sns-theme-line-rgb: 148, 163, 184;
  --sns-theme-shadow-rgb: 15, 23, 42;

  --sns-theme-page: #F4F7FB;
  --sns-theme-surface: #FFFFFF;
  --sns-theme-surface-raised: #FFFFFF;
  --sns-theme-surface-subtle: #F9FAFB;
  --sns-theme-surface-card-end: #F9FBFF;
  --sns-theme-surface-soft: #F8FAFC;
  --sns-theme-surface-control: #F1F5F9;
  --sns-theme-surface-muted: #F2F4F7;
  --sns-theme-surface-neutral: #F2F4F6;
  --sns-theme-surface-blue: #F4F8FF;
  --sns-theme-surface-hover: #F8FBFF;
  --sns-theme-order-page: #F5F7FB;
  --sns-theme-order-ambient:
    linear-gradient(180deg, #F6F9FF 0%, #F3F7FC 42%, #F8FBFF 100%);
  --sns-theme-order-banner-shell:
    linear-gradient(180deg, #FFFFFF 0%, #F7FBFF 100%);
  --sns-theme-order-banner-shell-line: rgba(219, 234, 254, .92);
  --sns-theme-order-banner-mat: #EEF5FF;
  --sns-theme-order-guide-open: #FBFCFE;
  --sns-theme-order-service-divider: #C4CCD7;
  --sns-theme-order-benefit-copy: #5B6B80;
  --sns-theme-order-faq-title: #1F2D3D;
  --sns-theme-order-summary-divider: #EDF2F7;
  --sns-theme-line-input: #CBD5E1;
  --sns-theme-order-chip-blue: #F5F9FF;
  --sns-theme-order-chip-blue-line: #DBEAFE;
  --sns-theme-order-chip-blue-text: #2563EB;
  --sns-theme-order-chip-green: #F0FDF8;
  --sns-theme-order-chip-green-line: #D1FAE5;
  --sns-theme-order-chip-green-text: #047857;
  --sns-theme-order-metric-warning: #FFF7ED;
  --sns-theme-order-metric-warning-line: #F3E4CF;
  --sns-theme-order-metric-brand: #EFF6FF;
  --sns-theme-order-metric-brand-line: #BFDBFE;
  --sns-theme-order-metric-success: #ECFDF5;
  --sns-theme-order-metric-success-line: #CCEADE;
  --sns-theme-order-benefit-blue:
    linear-gradient(135deg, #FFFFFF 58%, #F4F7FF 100%);
  --sns-theme-order-benefit-blue-line: #DBE7F7;
  --sns-theme-order-benefit-green:
    linear-gradient(135deg, #FFFFFF 58%, #EFFBF6 100%);
  --sns-theme-order-benefit-green-line: #D7EEE4;
  --sns-theme-order-benefit-green-icon-line: #A7F3D0;
  --sns-theme-order-support-blue: #EFF6FF;
  --sns-theme-order-support-rose: #FFF1F2;
  --sns-theme-order-guest-line: #FFCCD1;
  --sns-theme-order-ticker-label: #EAF2FF;
  --sns-theme-order-tab-active-text: #0B1220;
  --sns-theme-order-service-copy: #475467;
  --sns-theme-sidebar-balance-line: #E5ECF4;
  --sns-theme-sidebar-button-line: #DDE7F3;
  --sns-theme-sidebar-button-hover-line: #CFE0F5;
  --sns-theme-sidebar-nav-hover-line: #E0ECFF;
  --sns-theme-sidebar-nav-active:
    linear-gradient(135deg, #EEF6FF, #F8FBFF);
  --sns-theme-sidebar-nav-active-line: #D9EAFE;
  --sns-theme-sidebar-nav-icon-hover:
    linear-gradient(135deg, #EEF6FF, #E9F1FF);
  --sns-theme-sidebar-tool-icon: rgba(255, 255, 255, .72);
  --sns-theme-sidebar-ai:
    linear-gradient(135deg, #F8F1FF 0%, #FCFAFF 100%);
  --sns-theme-sidebar-ai-hover:
    linear-gradient(135deg, #F3E8FF 0%, #FAF5FF 100%);
  --sns-theme-sidebar-ai-line: #EAD9FF;
  --sns-theme-sidebar-ai-hover-line: #D8B4FE;
  --sns-theme-sidebar-ai-text: #7C3AED;
  --sns-theme-sidebar-place:
    linear-gradient(135deg, #EFF6FF 0%, #F8FBFF 100%);
  --sns-theme-sidebar-place-hover:
    linear-gradient(135deg, #DBEAFE 0%, #EFF6FF 100%);
  --sns-theme-sidebar-place-line: #D7E7FF;
  --sns-theme-sidebar-place-hover-line: #BFDBFE;
  --sns-theme-sidebar-place-text: #2563EB;
  --sns-theme-add-funds-bonus-surface:
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(250, 245, 255, .96));
  --sns-theme-add-funds-bonus-line: rgba(139, 92, 246, .34);
  --sns-theme-add-funds-bonus-chip-surface:
    linear-gradient(135deg, #F3E8FF 0%, #EDE9FE 100%);
  --sns-theme-add-funds-bonus-glow:
    radial-gradient(circle, rgba(168, 85, 247, .20), transparent 68%);
  --sns-theme-add-funds-bonus-badge-surface: #F3E8FF;
  --sns-theme-add-funds-bonus-text: #6D28D9;
  --sns-theme-add-funds-bonus-accent: #7C3AED;
  --sns-theme-add-funds-amount-empty-text: #E2E8F0;
  --sns-theme-add-funds-amount-placeholder: #CBD5E1;
  --sns-theme-add-funds-line-faint: #F1F5F9;
  --sns-theme-add-funds-sticky-surface: rgba(255, 255, 255, .98);
  --sns-theme-add-funds-info-surface: #EFF6FF;
  --sns-theme-add-funds-guide-surface:
    linear-gradient(135deg, rgba(49, 130, 246, .075), rgba(124, 58, 237, .055));
  --sns-theme-add-funds-guide-line: rgba(49, 130, 246, .14);
  --sns-theme-add-funds-guide-icon-surface: rgba(49, 130, 246, .11);
  --sns-theme-add-funds-warning: #F97316;
  --sns-theme-add-funds-warning-soft: #FFF7ED;
  --sns-theme-add-funds-cancel-soft: #FEF2F2;
  --sns-theme-about-header-line: rgba(226, 232, 240, .9);
  --sns-theme-about-header-surface: rgba(255, 255, 255, .94);
  --sns-theme-about-header-scrolled-surface: rgba(255, 255, 255, .98);
  --sns-theme-about-nav-text: #596779;
  --sns-theme-about-nav-active-surface: #F1F6FF;
  --sns-theme-about-portfolio-surface: #F7F9FC;
  --sns-theme-about-card-line: #DCE4EF;
  --sns-theme-about-axis-divider: #E8EDF4;
  --sns-theme-about-tab-text: #69768A;
  --sns-theme-about-case-target-text: #435067;
  --sns-theme-about-case-scope-text: #46546A;
  --sns-theme-about-case-metric-label: #8490A2;
  --sns-theme-about-note-text: #58677A;
  --sns-theme-about-note-surface: rgba(255, 255, 255, .76);
  --sns-theme-about-service-line: #D8E0EA;
  --sns-theme-about-check-callout-text: #6A7484;
  --sns-theme-about-process-track: #CCD6E3;
  --sns-theme-about-process-step-line: #BCD0EB;
  --sns-theme-about-tool-card-hover-line: #BFD4F3;
  --sns-theme-about-faq-toggle: #8794A6;
  --sns-theme-about-cta-proof-line: #DBE5F2;
  --sns-theme-about-cta-proof-surface: rgba(255, 255, 255, .78);
  --sns-theme-about-cta-proof-text: #738095;
  --sns-theme-about-cta-secondary-line: #CDD7E5;
  --sns-theme-about-cta-secondary-hover-line: #9FB7D7;
  --sns-theme-about-footer-text: #6B7788;
  --sns-theme-about-blue: #3182F6;
  --sns-theme-about-blue-strong: #2563EB;
  --sns-theme-about-blue-button-hover: #2563EB;
  --sns-theme-about-blue-soft: #EDF5FF;
  --sns-theme-about-mint: #18B889;
  --sns-theme-about-mint-soft: #ECFBF6;
  --sns-theme-about-yellow: #FFAD1F;
  --sns-theme-about-yellow-text: #9B6700;
  --sns-theme-about-yellow-soft: #FFF8E8;
  --sns-theme-about-youtube-accent: #F04444;
  --sns-theme-about-youtube-soft: #FFF1F1;
  --sns-theme-about-local-accent: #FF7A3D;
  --sns-theme-about-local-soft: #FFF3EC;
  --sns-theme-about-mockup-ink: #172033;
  --sns-theme-about-mockup-blue: #3182F6;
  --sns-theme-about-mockup-youtube: #F04444;
  --sns-theme-about-mockup-place: #18B889;
  --sns-theme-about-mockup-local: #FF7A3D;
  --sns-theme-about-mockup-muted: #6E7B8D;
  --sns-theme-landing-page: #F6F8FC;
  --sns-theme-landing-page-rgb: 246, 248, 252;
  --sns-theme-landing-shadow-rgb: 16, 24, 40;
  --sns-theme-landing-page-gradient:
    radial-gradient(circle at 8% 4%, rgba(80, 112, 255, .16), transparent 32%),
    radial-gradient(circle at 92% 12%, rgba(0, 209, 255, .13), transparent 30%),
    linear-gradient(180deg, #FFFFFF 0%, #F5F8FF 42%, #EEF4FF 100%);
  --sns-theme-landing-copy: #58677E;
  --sns-theme-landing-lead: #637189;
  --sns-theme-text-control: #344054;
  --sns-theme-landing-spinner-gradient: linear-gradient(135deg, #FFFFFF, #EEF4FF);
  --sns-theme-landing-hero-gradient:
    radial-gradient(circle at 78% 24%, rgba(5, 199, 242, .18), transparent 32%),
    radial-gradient(circle at 22% 18%, rgba(102, 76, 255, .14), transparent 34%),
    linear-gradient(180deg, #FFFFFF 0%, #F7FAFF 100%);
  --sns-theme-landing-section-gradient:
    radial-gradient(circle at 10% 16%, rgba(47, 91, 255, .10), transparent 28%),
    linear-gradient(180deg, #FFFFFF 0%, #F6F9FF 100%);
  --sns-theme-landing-section-gradient-reverse: linear-gradient(180deg, #F6F9FF 0%, #FFFFFF 100%);
  --sns-theme-public-body-text: #495057;
  --sns-theme-public-page: #F5F7FA;
  --sns-theme-public-pagination-line: #DEE2E6;
  --sns-theme-public-pagination-hover-surface: #E9ECEF;
  --sns-theme-public-pagination-disabled-text: #CED4DA;
  --sns-theme-public-muted: #9AA0AC;
  --sns-theme-public-text-dark: #343A40;
  --sns-theme-public-text-dark-hover: #1D2124;
  --sns-theme-public-black-50: rgba(0, 0, 0, .5);
  --sns-theme-public-muted-dark: #6E7687;
  --sns-theme-terms-panel-line: rgba(226, 232, 240, .95);
  --sns-theme-terms-hero-surface:
    radial-gradient(circle at 18% 20%, rgba(49,130,246,.10), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(124,58,237,.09), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
  --sns-theme-terms-brand-soft: #EFF6FF;
  --sns-theme-terms-panel-surface: rgba(255, 255, 255, .92);
  --sns-theme-terms-index-hover-surface: #F5F9FF;
  --sns-theme-terms-card-head-surface:
    linear-gradient(135deg, rgba(248,251,255,.98), rgba(255,255,255,.92));
  --sns-theme-public-nav-text: #000000;
  --sns-theme-public-menu-line: rgba(0, 0, 0, .15);
  --sns-theme-public-menu-toggle-text: #333333;
  --sns-theme-public-auth-link-text: #22012F;
  --sns-theme-public-nav-divider: #ECECEC;
  --sns-theme-blog-heading: #000000;
  --sns-theme-blog-title: #3C4858;
  --sns-theme-blog-muted: #999999;
  --sns-theme-blog-line: #E5E5E5;
  --sns-theme-blog-meta: #C2C2C2;
  --sns-theme-blog-widget-text: #354052;
  --sns-theme-blog-widget-line: #EEEEEE;
  --sns-theme-blog-post-link: #10161A;
  --sns-theme-blog-meta-strong: #555555;
  --sns-theme-blog-back-line: #000000;
  --sns-theme-blog-back-text: #000000;
  --sns-theme-error-404-button-shadow: #EEEEEE;
  --sns-theme-line: #E5E8EB;
  --sns-theme-line-shell: #E5EAF2;
  --sns-theme-line-control: #E2E8F0;
  --sns-theme-line-card: #E6EEF8;
  --sns-theme-line-section: #EDF0F4;
  --sns-theme-line-soft: #EEF2F7;
  --sns-theme-line-blue: #DFE7F2;
  --sns-theme-line-muted: #E7EDF5;
  --sns-theme-line-strong: #D1D6DB;
  --sns-theme-text: #191F28;
  --sns-theme-text-auth: #172033;
  --sns-theme-text-ink: #0F172A;
  --sns-theme-text-strong: #101828;
  --sns-theme-text-heading: #111827;
  --sns-theme-text-navy: #1E293B;
  --sns-theme-text-2: #4E5968;
  --sns-theme-text-label: #334155;
  --sns-theme-text-slate: #475569;
  --sns-theme-muted: #8B95A1;
  --sns-theme-muted-about: #5F6D80;
  --sns-theme-muted-strong: #64748B;
  --sns-theme-muted-ui: #6B7684;
  --sns-theme-muted-field: #667085;
  --sns-theme-muted-soft: #7B8798;
  --sns-theme-placeholder: #ADB5BD;
  --sns-theme-disabled-surface: #CBD5E1;
  --sns-theme-disabled-text: #FFFFFF;
  --sns-theme-brand: #3182F6;
  --sns-theme-brand-strong: #1B64DA;
  --sns-theme-brand-button-hover: #2563EB;
  --sns-theme-brand-soft: #F2F7FF;
  --sns-theme-on-brand: #FFFFFF;
  --sns-theme-rose: #E11D48;
  --sns-theme-red: #EF4444;
  --sns-theme-success: #10B981;
  --sns-theme-success-soft: #ECFDF5;
  --sns-theme-danger: #F04452;
  --sns-theme-danger-soft: #FFF3F4;
  --sns-theme-warning: #F5A300;
  --sns-theme-warning-soft: #FFF8E6;
  --sns-theme-purple: #6D5DFB;
  --sns-theme-purple-soft: #F5F3FF;
  --sns-theme-order-picker-soft: #F7F9FC;
  --sns-theme-order-picker-selected: #EAF3FF;
  --sns-theme-order-picker-context-dot: #C2CCD8;
  --sns-theme-order-picker-scrollbar: #B8C4D3;
  --sns-theme-order-picker-option-text: #344054;
  --sns-theme-order-picker-hover-line: #DBE7F5;
  --sns-theme-order-picker-active-text: #1D4ED8;
  --sns-theme-order-picker-category-selected-line: #CFE1FB;
  --sns-theme-order-picker-service-selected-line: #C8DDFB;
  --sns-theme-order-picker-service-text: #1D2939;
  --sns-theme-order-picker-check-line: #D7E0EB;
  --sns-theme-platform-line: rgba(226, 232, 240, .96);
  --sns-theme-platform-hover-line: rgba(147, 197, 253, .98);
  --sns-theme-platform-disabled-line: #D8DEEA;
  --sns-theme-search-icon: #94A3B8;
  --sns-theme-search-scrollbar: #DBE5F2;
  --sns-theme-order-control-line-hover: #CBD8E8;
  --sns-theme-order-control-action-hover: #F5F9FF;
  --sns-theme-order-menu-hover-text: #2563EB;
  --sns-theme-review-line-outer: #DFE8F5;
  --sns-theme-review-title: #213148;
  --sns-theme-review-divider: #DCE4EE;
  --sns-theme-review-caption: #6C7C91;
  --sns-theme-review-copy: #526174;
  --sns-theme-review-separator: #A7B3C2;
  --sns-theme-review-score-muted: #7B889A;
  --sns-theme-review-chevron: #98A5B5;
  --sns-theme-review-line-section: #EDF1F5;
  --sns-theme-review-policy: #68788D;
  --sns-theme-review-link: #246BC0;
  --sns-theme-review-meta-strong: #65758A;
  --sns-theme-review-star-empty: #DCE3EC;
  --sns-theme-review-filter-surface: #F1F3F6;
  --sns-theme-review-filter-text: #788698;
  --sns-theme-review-filter-active: #E8F2FF;
  --sns-theme-review-card-line: #E5EBF2;
  --sns-theme-review-card-surface: #FBFCFE;
  --sns-theme-review-approved-surface: #E8F4FF;
  --sns-theme-review-approved-text: #2369B3;
  --sns-theme-review-pending-surface: #EEF2F6;
  --sns-theme-review-pending-text: #6F7F92;
  --sns-theme-review-date: #98A4B3;
  --sns-theme-review-body-text: #435166;
  --sns-theme-review-tag-surface: #EDF5FF;
  --sns-theme-review-tag-text: #2C6FBC;
  --sns-theme-review-service-surface: #F4F7FA;
  --sns-theme-review-service-text: #34445A;
  --sns-theme-review-service-meta: #8390A2;
  --sns-theme-review-reply-line: #E3EAF2;
  --sns-theme-review-empty-line: #DCE5EF;
  --sns-theme-review-empty-text: #8290A3;
  --sns-theme-review-empty-title: #506078;
  --sns-theme-review-pagination-line: #D8E3F1;
  --sns-theme-review-pagination-text: #66768B;
  --sns-theme-review-pagination-ellipsis: #9AA7B7;
  --sns-theme-review-reward-base: #087A50;
  --sns-theme-review-reward-long: #246BC0;
  --sns-theme-review-reward-best: #6353C7;
  --sns-theme-review-repeat-surface: #E9F8F1;
  --sns-theme-auth-page-background:
    radial-gradient(circle at 16% 12%, rgba(47, 91, 255, .18), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(5, 199, 242, .16), transparent 28%),
    linear-gradient(135deg, #F8FBFF 0%, #EEF4FF 52%, #F7F9FC 100%);
  --sns-theme-auth-page-background-mobile: linear-gradient(180deg, #F8FBFF 0%, #EEF4FF 100%);
  --sns-theme-auth-card-surface: rgba(255, 255, 255, .86);
  --sns-theme-auth-card-line: rgba(148, 163, 184, .18);
  --sns-theme-auth-form-surface: rgba(255, 255, 255, .92);
  --sns-theme-auth-form-line: rgba(148, 163, 184, .28);
  --sns-theme-auth-form-focus-line: rgba(47, 91, 255, .48);
  --sns-theme-text-muted: #667085;
  --sns-theme-text-placeholder: #98A2B3;
  --sns-theme-link: #2359E8;
  --sns-theme-link-hover: #102FB7;
  --sns-theme-admin-canvas-soft: #F5F8FC;
  --sns-theme-admin-surface-tint: #F8FBFF;
  --sns-theme-admin-line: #E6EDF7;
  --sns-theme-admin-line-strong: #DBE5F2;
  --sns-theme-admin-primary-alt: #2F7DF6;
  --sns-theme-admin-accent: #4F46E5;
  --sns-theme-admin-success: #00B86B;
  --sns-theme-admin-danger: #E11D48;
  --sns-theme-admin-danger-bright: #FF4B55;
  --sns-theme-admin-warning: #F59E0B;
  --sns-theme-admin-purple: #8B5CF6;
  --sns-theme-admin-action-line: #D8E1EC;
  --sns-theme-admin-action-text: #344054;
  --sns-theme-admin-form-text: #333D4B;
  --sns-theme-admin-profile-hover-surface: #FBFDFF;
  --sns-theme-admin-search-placeholder: #9AA6B2;
  --sns-theme-admin-search-hover-surface: #EEF5FF;
  --sns-theme-admin-muted-alt: #7B8794;
  --sns-theme-admin-choice-line: #D6DCE5;
  --sns-theme-admin-choice-selected-surface: #EEF6FF;
  --sns-theme-admin-brand-sub: #8A94A6;
  --sns-theme-admin-panel-line: #EEF2F6;
  --sns-theme-admin-checker-line: #E3E8EF;
  --sns-theme-admin-dashboard-line: #E5EAF0;
  --sns-theme-admin-dashboard-soft: #F7F9FC;
  --sns-theme-admin-auth-page-background:
    radial-gradient(circle at 18% 18%, rgba(59,130,246,.18) 0, rgba(59,130,246,0) 30%),
    radial-gradient(circle at 82% 12%, rgba(139,92,246,.16) 0, rgba(139,92,246,0) 32%),
    radial-gradient(circle at 80% 86%, rgba(34,197,94,.10) 0, rgba(34,197,94,0) 28%),
    linear-gradient(180deg, #EEF4FF 0%, #F7FAFF 42%, #F4F7FB 100%);
  --sns-theme-admin-auth-input-surface: #F5F8FF;
  --sns-theme-admin-auth-input-text: #191F28;
  --sns-theme-admin-auth-subtitle: #7B8794;
  --sns-theme-admin-auth-placeholder: #A1B0CB;
  --sns-theme-overlay: rgba(15, 23, 42, .52);
  --sns-theme-shadow: 0 14px 40px rgba(15, 23, 42, .055);
}

@media (prefers-color-scheme: dark) {
  :root {
    --sns-theme-surface-rgb: 23, 30, 41;
    --sns-theme-line-rgb: 64, 80, 102;
    --sns-theme-shadow-rgb: 0, 0, 0;
    --sns-theme-page: #0F141C;
    --sns-theme-surface: #171E29;
    --sns-theme-surface-raised: #1B2430;
    --sns-theme-surface-subtle: #19222E;
    --sns-theme-surface-card-end: #1A2431;
    --sns-theme-surface-soft: #1C2532;
    --sns-theme-surface-control: #202B38;
    --sns-theme-surface-muted: #222D3A;
    --sns-theme-surface-neutral: #212C39;
    --sns-theme-surface-blue: #182A43;
    --sns-theme-surface-hover: #202B39;
    --sns-theme-order-page: #0F141C;
    --sns-theme-order-ambient:
      linear-gradient(180deg, #0F141C 0%, #111A26 42%, #101722 100%);
    --sns-theme-order-banner-shell:
      linear-gradient(180deg, #171E29 0%, #192431 100%);
    --sns-theme-order-banner-shell-line: rgba(63, 82, 108, .92);
    --sns-theme-order-banner-mat: #182433;
    --sns-theme-order-guide-open: #1A2431;
    --sns-theme-order-service-divider: #617087;
    --sns-theme-order-benefit-copy: #B7C2D0;
    --sns-theme-order-faq-title: #E8EDF5;
    --sns-theme-order-summary-divider: #2A3645;
    --sns-theme-line-input: #405066;
    --sns-theme-order-chip-blue: #1B2E47;
    --sns-theme-order-chip-blue-line: #35506F;
    --sns-theme-order-chip-blue-text: #8ABBFF;
    --sns-theme-order-chip-green: #17362B;
    --sns-theme-order-chip-green-line: #2D5A49;
    --sns-theme-order-chip-green-text: #65D8A8;
    --sns-theme-order-metric-warning: #34291B;
    --sns-theme-order-metric-warning-line: #5A472E;
    --sns-theme-order-metric-brand: #192D47;
    --sns-theme-order-metric-brand-line: #355779;
    --sns-theme-order-metric-success: #17362B;
    --sns-theme-order-metric-success-line: #2D5949;
    --sns-theme-order-benefit-blue:
      linear-gradient(135deg, #171E29 58%, #192B43 100%);
    --sns-theme-order-benefit-blue-line: #344A66;
    --sns-theme-order-benefit-green:
      linear-gradient(135deg, #171E29 58%, #19352D 100%);
    --sns-theme-order-benefit-green-line: #315748;
    --sns-theme-order-benefit-green-icon-line: #3A6A58;
    --sns-theme-order-support-blue: #192D47;
    --sns-theme-order-support-rose: #3A1F27;
    --sns-theme-order-guest-line: #6B3940;
    --sns-theme-order-ticker-label: #192D47;
    --sns-theme-order-tab-active-text: #F4F7FB;
    --sns-theme-order-service-copy: #CFD7E3;
    --sns-theme-sidebar-balance-line: #303D4D;
    --sns-theme-sidebar-button-line: #34455B;
    --sns-theme-sidebar-button-hover-line: #466587;
    --sns-theme-sidebar-nav-hover-line: #355779;
    --sns-theme-sidebar-nav-active:
      linear-gradient(135deg, #1A3150, #1C2B40);
    --sns-theme-sidebar-nav-active-line: #3F6088;
    --sns-theme-sidebar-nav-icon-hover:
      linear-gradient(135deg, #1A3150, #203A5A);
    --sns-theme-sidebar-tool-icon: rgba(27, 36, 48, .88);
    --sns-theme-sidebar-ai:
      linear-gradient(135deg, #2B2240 0%, #221E31 100%);
    --sns-theme-sidebar-ai-hover:
      linear-gradient(135deg, #352653 0%, #292139 100%);
    --sns-theme-sidebar-ai-line: #4B3D64;
    --sns-theme-sidebar-ai-hover-line: #664C86;
    --sns-theme-sidebar-ai-text: #C0A4FF;
    --sns-theme-sidebar-place:
      linear-gradient(135deg, #192D47 0%, #1B293B 100%);
    --sns-theme-sidebar-place-hover:
      linear-gradient(135deg, #1D3A5D 0%, #21334A 100%);
    --sns-theme-sidebar-place-line: #385476;
    --sns-theme-sidebar-place-hover-line: #466B94;
    --sns-theme-sidebar-place-text: #8ABBFF;
    --sns-theme-add-funds-bonus-surface:
      linear-gradient(135deg, rgba(27, 36, 48, .98), rgba(43, 32, 59, .96));
    --sns-theme-add-funds-bonus-line: rgba(179, 155, 255, .42);
    --sns-theme-add-funds-bonus-chip-surface:
      linear-gradient(135deg, #34264A 0%, #2D2842 100%);
    --sns-theme-add-funds-bonus-glow:
      radial-gradient(circle, rgba(179, 155, 255, .16), transparent 68%);
    --sns-theme-add-funds-bonus-badge-surface: #34264A;
    --sns-theme-add-funds-bonus-text: #C0A4FF;
    --sns-theme-add-funds-bonus-accent: #B99BFF;
    --sns-theme-add-funds-amount-empty-text: #526176;
    --sns-theme-add-funds-amount-placeholder: #7F8C9E;
    --sns-theme-add-funds-line-faint: #273341;
    --sns-theme-add-funds-sticky-surface: rgba(23, 30, 41, .98);
    --sns-theme-add-funds-info-surface: #192D47;
    --sns-theme-add-funds-guide-surface:
      linear-gradient(135deg, rgba(105, 166, 255, .12), rgba(179, 155, 255, .09));
    --sns-theme-add-funds-guide-line: rgba(105, 166, 255, .28);
    --sns-theme-add-funds-guide-icon-surface: rgba(105, 166, 255, .16);
    --sns-theme-add-funds-warning: #FFB067;
    --sns-theme-add-funds-warning-soft: #38281B;
    --sns-theme-add-funds-cancel-soft: #3A2226;
    --sns-theme-about-header-line: rgba(64, 80, 102, .9);
    --sns-theme-about-header-surface: rgba(23, 30, 41, .94);
    --sns-theme-about-header-scrolled-surface: rgba(23, 30, 41, .98);
    --sns-theme-about-nav-text: #B7C2D0;
    --sns-theme-about-nav-active-surface: #1B2E47;
    --sns-theme-about-portfolio-surface: #121A25;
    --sns-theme-about-card-line: #34455B;
    --sns-theme-about-axis-divider: #2A3645;
    --sns-theme-about-tab-text: #A7B3C3;
    --sns-theme-about-case-target-text: #C3CDDA;
    --sns-theme-about-case-scope-text: #C3CDDA;
    --sns-theme-about-case-metric-label: #93A1B3;
    --sns-theme-about-note-text: #B7C2D0;
    --sns-theme-about-note-surface: rgba(27, 36, 48, .76);
    --sns-theme-about-service-line: #334154;
    --sns-theme-about-check-callout-text: #A7B3C3;
    --sns-theme-about-process-track: #405066;
    --sns-theme-about-process-step-line: #466587;
    --sns-theme-about-tool-card-hover-line: #466B94;
    --sns-theme-about-faq-toggle: #93A1B3;
    --sns-theme-about-cta-proof-line: #34455B;
    --sns-theme-about-cta-proof-surface: rgba(27, 36, 48, .78);
    --sns-theme-about-cta-proof-text: #A4B0C0;
    --sns-theme-about-cta-secondary-line: #405066;
    --sns-theme-about-cta-secondary-hover-line: #55708F;
    --sns-theme-about-footer-text: #A7B3C3;
    --sns-theme-about-blue: #69A6FF;
    --sns-theme-about-blue-strong: #8ABBFF;
    --sns-theme-about-blue-button-hover: #3F8DFF;
    --sns-theme-about-blue-soft: #192D47;
    --sns-theme-about-mint: #45D19A;
    --sns-theme-about-mint-soft: #17362B;
    --sns-theme-about-yellow: #FFC35B;
    --sns-theme-about-yellow-text: #FFD27A;
    --sns-theme-about-yellow-soft: #382D18;
    --sns-theme-about-youtube-accent: #FF7580;
    --sns-theme-about-youtube-soft: #3A1F27;
    --sns-theme-about-local-accent: #FFB18D;
    --sns-theme-about-local-soft: #3B291F;
    --sns-theme-about-mockup-ink: #172033;
    --sns-theme-about-mockup-blue: #1B64DA;
    --sns-theme-about-mockup-youtube: #D6363E;
    --sns-theme-about-mockup-place: #087A50;
    --sns-theme-about-mockup-local: #C54F1C;
    --sns-theme-about-mockup-muted: #5F6D80;
    --sns-theme-landing-page: #0F141C;
    --sns-theme-landing-page-rgb: 15, 20, 28;
    --sns-theme-landing-shadow-rgb: 0, 0, 0;
    --sns-theme-landing-page-gradient:
      radial-gradient(circle at 8% 4%, rgba(80, 112, 255, .10), transparent 32%),
      radial-gradient(circle at 92% 12%, rgba(0, 209, 255, .08), transparent 30%),
      linear-gradient(180deg, #0F141C 0%, #111A26 42%, #131B27 100%);
    --sns-theme-landing-copy: #B7C2D0;
    --sns-theme-landing-lead: #A7B3C3;
    --sns-theme-text-control: #D5DCE6;
    --sns-theme-landing-spinner-gradient: linear-gradient(135deg, #171E29, #192D47);
    --sns-theme-landing-hero-gradient:
      radial-gradient(circle at 78% 24%, rgba(5, 199, 242, .10), transparent 32%),
      radial-gradient(circle at 22% 18%, rgba(102, 76, 255, .09), transparent 34%),
      linear-gradient(180deg, #171E29 0%, #1A2431 100%);
    --sns-theme-landing-section-gradient:
      radial-gradient(circle at 10% 16%, rgba(105, 166, 255, .08), transparent 28%),
      linear-gradient(180deg, #171E29 0%, #182433 100%);
    --sns-theme-landing-section-gradient-reverse: linear-gradient(180deg, #182433 0%, #171E29 100%);
    --sns-theme-public-body-text: #CFD7E3;
    --sns-theme-public-page: #0F141C;
    --sns-theme-public-pagination-line: #405066;
    --sns-theme-public-pagination-hover-surface: #222D3A;
    --sns-theme-public-pagination-disabled-text: #7F8C9E;
    --sns-theme-public-muted: #98A5B6;
    --sns-theme-public-text-dark: #E8EDF5;
    --sns-theme-public-text-dark-hover: #F4F7FB;
    --sns-theme-public-black-50: rgba(244, 247, 251, .62);
    --sns-theme-public-muted-dark: #A7B3C3;
    --sns-theme-terms-panel-line: rgba(64, 80, 102, .95);
    --sns-theme-terms-hero-surface:
      radial-gradient(circle at 18% 20%, rgba(105,166,255,.10), transparent 34%),
      radial-gradient(circle at 88% 18%, rgba(174,155,255,.08), transparent 32%),
      linear-gradient(135deg, rgba(23,30,41,.98), rgba(26,36,49,.94));
    --sns-theme-terms-brand-soft: #192D47;
    --sns-theme-terms-panel-surface: rgba(23, 30, 41, .92);
    --sns-theme-terms-index-hover-surface: #1B2E47;
    --sns-theme-terms-card-head-surface:
      linear-gradient(135deg, rgba(26,36,49,.98), rgba(23,30,41,.92));
    --sns-theme-public-nav-text: #F4F7FB;
    --sns-theme-public-menu-line: rgba(255, 255, 255, .15);
    --sns-theme-public-menu-toggle-text: #D5DCE6;
    --sns-theme-public-auth-link-text: #E8EDF5;
    --sns-theme-public-nav-divider: #303D4D;
    --sns-theme-blog-heading: #F4F7FB;
    --sns-theme-blog-title: #E8EDF5;
    --sns-theme-blog-muted: #98A5B6;
    --sns-theme-blog-line: #303D4D;
    --sns-theme-blog-meta: #8492A5;
    --sns-theme-blog-widget-text: #CFD7E3;
    --sns-theme-blog-widget-line: #344154;
    --sns-theme-blog-post-link: #F4F7FB;
    --sns-theme-blog-meta-strong: #B7C2D0;
    --sns-theme-blog-back-line: #405066;
    --sns-theme-blog-back-text: #E8EDF5;
    --sns-theme-error-404-button-shadow: #05080D;
    --sns-theme-line: #2E3A49;
    --sns-theme-line-shell: #303C4C;
    --sns-theme-line-control: #334154;
    --sns-theme-line-card: #324258;
    --sns-theme-line-section: #2A3645;
    --sns-theme-line-soft: #273341;
    --sns-theme-line-blue: #34455B;
    --sns-theme-line-muted: #303D4D;
    --sns-theme-line-strong: #405066;
    --sns-theme-text: #F4F7FB;
    --sns-theme-text-auth: #EEF3F9;
    --sns-theme-text-ink: #F4F7FB;
    --sns-theme-text-strong: #F7F9FC;
    --sns-theme-text-heading: #F5F7FA;
    --sns-theme-text-navy: #E8EDF5;
    --sns-theme-text-2: #CFD7E3;
    --sns-theme-text-label: #D5DCE6;
    --sns-theme-text-slate: #C3CDDA;
    --sns-theme-muted: #98A5B6;
    --sns-theme-muted-about: #9EABBC;
    --sns-theme-muted-strong: #A7B3C3;
    --sns-theme-muted-ui: #A0ADBD;
    --sns-theme-muted-field: #A4B0C0;
    --sns-theme-muted-soft: #93A1B3;
    --sns-theme-placeholder: #7F8C9E;
    --sns-theme-disabled-surface: #3A4758;
    --sns-theme-disabled-text: #98A5B6;
    --sns-theme-brand: #69A6FF;
    --sns-theme-brand-strong: #8ABBFF;
    --sns-theme-brand-button-hover: #8ABBFF;
    --sns-theme-brand-soft: #182D49;
    --sns-theme-on-brand: #0B1220;
    --sns-theme-rose: #FF7580;
    --sns-theme-red: #FF7A84;
    --sns-theme-success: #45D19A;
    --sns-theme-success-soft: #143629;
    --sns-theme-danger: #FF7580;
    --sns-theme-danger-soft: #3A1F27;
    --sns-theme-warning: #FFC35B;
    --sns-theme-warning-soft: #382D18;
    --sns-theme-purple: #A99BFF;
    --sns-theme-purple-soft: #292442;
    --sns-theme-order-picker-soft: #1A2330;
    --sns-theme-order-picker-selected: #1A3150;
    --sns-theme-order-picker-context-dot: #526176;
    --sns-theme-order-picker-scrollbar: #53647A;
    --sns-theme-order-picker-option-text: #D5DCE6;
    --sns-theme-order-picker-hover-line: #3A4A5F;
    --sns-theme-order-picker-active-text: #8ABBFF;
    --sns-theme-order-picker-category-selected-line: #3F5F87;
    --sns-theme-order-picker-service-selected-line: #46688F;
    --sns-theme-order-picker-service-text: #E8EDF5;
    --sns-theme-order-picker-check-line: #45556A;
    --sns-theme-platform-line: rgba(51, 65, 84, .96);
    --sns-theme-platform-hover-line: rgba(105, 166, 255, .82);
    --sns-theme-platform-disabled-line: #3A4758;
    --sns-theme-search-icon: #93A1B3;
    --sns-theme-search-scrollbar: #3B4B61;
    --sns-theme-order-control-line-hover: #46566B;
    --sns-theme-order-control-action-hover: #1B2E47;
    --sns-theme-order-menu-hover-text: #8ABBFF;
    --sns-theme-review-line-outer: #34455B;
    --sns-theme-review-title: #E8EDF5;
    --sns-theme-review-divider: #303D4D;
    --sns-theme-review-caption: #A4B0C0;
    --sns-theme-review-copy: #CFD7E3;
    --sns-theme-review-separator: #7F8C9E;
    --sns-theme-review-score-muted: #98A5B6;
    --sns-theme-review-chevron: #7F8C9E;
    --sns-theme-review-line-section: #273341;
    --sns-theme-review-policy: #A4B0C0;
    --sns-theme-review-link: #79ACFF;
    --sns-theme-review-meta-strong: #A7B3C3;
    --sns-theme-review-star-empty: #405066;
    --sns-theme-review-filter-surface: #222D3A;
    --sns-theme-review-filter-text: #98A5B6;
    --sns-theme-review-filter-active: #182D49;
    --sns-theme-review-card-line: #324258;
    --sns-theme-review-card-surface: #1C2532;
    --sns-theme-review-approved-surface: #182D49;
    --sns-theme-review-approved-text: #79ACFF;
    --sns-theme-review-pending-surface: #222D3A;
    --sns-theme-review-pending-text: #A4B0C0;
    --sns-theme-review-date: #8492A5;
    --sns-theme-review-body-text: #CFD7E3;
    --sns-theme-review-tag-surface: #182D49;
    --sns-theme-review-tag-text: #79ACFF;
    --sns-theme-review-service-surface: #222D3A;
    --sns-theme-review-service-text: #D5DCE6;
    --sns-theme-review-service-meta: #98A5B6;
    --sns-theme-review-reply-line: #303C4C;
    --sns-theme-review-empty-line: #405066;
    --sns-theme-review-empty-text: #98A5B6;
    --sns-theme-review-empty-title: #CFD7E3;
    --sns-theme-review-pagination-line: #405066;
    --sns-theme-review-pagination-text: #CFD7E3;
    --sns-theme-review-pagination-ellipsis: #7F8C9E;
    --sns-theme-review-reward-base: #65D8A8;
    --sns-theme-review-reward-long: #79ACFF;
    --sns-theme-review-reward-best: #B3A8FF;
    --sns-theme-review-repeat-surface: #17362B;
    --sns-theme-auth-page-background:
      radial-gradient(circle at 16% 12%, rgba(105, 166, 255, .13), transparent 32%),
      radial-gradient(circle at 86% 18%, rgba(5, 199, 242, .10), transparent 30%),
      linear-gradient(135deg, #0F141C 0%, #131B27 52%, #101722 100%);
    --sns-theme-auth-page-background-mobile: linear-gradient(180deg, #0F141C 0%, #131B27 100%);
    --sns-theme-auth-card-surface: rgba(23, 30, 41, .92);
    --sns-theme-auth-card-line: rgba(148, 163, 184, .22);
    --sns-theme-auth-form-surface: rgba(28, 37, 50, .96);
    --sns-theme-auth-form-line: rgba(148, 163, 184, .30);
    --sns-theme-auth-form-focus-line: rgba(105, 166, 255, .58);
    --sns-theme-text-muted: #A4B0C0;
    --sns-theme-text-placeholder: #8492A5;
    --sns-theme-link: #79ACFF;
    --sns-theme-link-hover: #A8C8FF;
    --sns-theme-admin-canvas-soft: #121A25;
    --sns-theme-admin-surface-tint: #1A2431;
    --sns-theme-admin-line: #2C3A4C;
    --sns-theme-admin-line-strong: #3B4B61;
    --sns-theme-admin-primary-alt: #69A6FF;
    --sns-theme-admin-accent: #8E86FF;
    --sns-theme-admin-success: #45D19A;
    --sns-theme-admin-danger: #FF7580;
    --sns-theme-admin-danger-bright: #FF7A84;
    --sns-theme-admin-warning: #FFC35B;
    --sns-theme-admin-purple: #AE9BFF;
    --sns-theme-admin-action-line: #405066;
    --sns-theme-admin-action-text: #D5DCE6;
    --sns-theme-admin-form-text: #D5DCE6;
    --sns-theme-admin-profile-hover-surface: #202B39;
    --sns-theme-admin-search-placeholder: #8492A5;
    --sns-theme-admin-search-hover-surface: #1B2E47;
    --sns-theme-admin-muted-alt: #93A1B3;
    --sns-theme-admin-choice-line: #526176;
    --sns-theme-admin-choice-selected-surface: #1A3150;
    --sns-theme-admin-brand-sub: #98A5B6;
    --sns-theme-admin-panel-line: #273341;
    --sns-theme-admin-checker-line: #334154;
    --sns-theme-admin-dashboard-line: #303D4D;
    --sns-theme-admin-dashboard-soft: #121A25;
    --sns-theme-admin-auth-page-background:
      radial-gradient(circle at 18% 18%, rgba(105,166,255,.13) 0, rgba(105,166,255,0) 32%),
      radial-gradient(circle at 82% 12%, rgba(174,155,255,.11) 0, rgba(174,155,255,0) 34%),
      radial-gradient(circle at 80% 86%, rgba(69,209,154,.08) 0, rgba(69,209,154,0) 30%),
      linear-gradient(180deg, #0F141C 0%, #131B27 42%, #101722 100%);
    --sns-theme-admin-auth-input-surface: #202B38;
    --sns-theme-admin-auth-input-text: #F4F7FB;
    --sns-theme-admin-auth-subtitle: #A7B3C3;
    --sns-theme-admin-auth-placeholder: #8492A5;
    --sns-theme-overlay: rgba(2, 6, 12, .72);
    --sns-theme-shadow: 0 18px 44px rgba(0, 0, 0, .24);
  }
}