:root {
    --spectrum2-magenta-100: #ffd5e3;
    --spectrum2-magenta-200: #ffaec7;
    --spectrum2-magenta-300: #ff80a6;
    --spectrum2-magenta-400: #f54e85;
    --spectrum2-magenta-500: #e02868;
    --spectrum2-magenta-600: #c21b53;
    --spectrum2-magenta-700: #9e0f40;
    --spectrum2-magenta-800: #7b082e;
    --spectrum2-magenta-900: #58031d;

    --spectrum2-accent-100: var(--spectrum2-magenta-100);
    --spectrum2-accent-200: var(--spectrum2-magenta-200);
    --spectrum2-accent-300: var(--spectrum2-magenta-300);
    --spectrum2-accent-400: var(--spectrum2-magenta-400);
    --spectrum2-accent-500: var(--spectrum2-magenta-500);
    --spectrum2-accent-600: var(--spectrum2-magenta-600);
    --spectrum2-accent-700: var(--spectrum2-magenta-700);

    --spectrum2-gray-50:  #ffffff;
    --spectrum2-gray-100: #f4f3f6;
    --spectrum2-gray-200: #e2dfe6;
    --spectrum2-gray-300: #c5c1cb;
    --spectrum2-gray-400: #9d98a5;
    --spectrum2-gray-500: #736e7c;
    --spectrum2-gray-600: #4e4956;
    --spectrum2-gray-700: #332d3a;
    --spectrum2-gray-800: #1e1823;
    --spectrum2-gray-900: #120d16;
    --spectrum2-gray-950: #0a070c;

    --spectrum2-background-canvas: #09060b;
    --spectrum2-background-layer-1: #120d16;
    --spectrum2-background-layer-2: rgba(28, 21, 33, 0.78);
    --spectrum2-background-layer-2-hover: rgba(45, 34, 52, 0.85);
    --spectrum2-background-layer-elevated: rgba(35, 26, 41, 0.88);
    --spectrum2-background-floating-pill: rgba(255, 255, 255, 0.08);
    --spectrum2-background-floating-pill-hover: rgba(255, 255, 255, 0.15);
    --spectrum2-background-floating-pill-active: rgba(255, 255, 255, 0.22);

    --spectrum2-content-primary: #ffffff;
    --spectrum2-content-secondary: rgba(255, 255, 255, 0.78);
    --spectrum2-content-tertiary: rgba(255, 255, 255, 0.54);
    --spectrum2-content-disabled: rgba(255, 255, 255, 0.32);
    --spectrum2-content-accent: var(--spectrum2-accent-300);
    --spectrum2-content-on-accent: #ffffff;

    --spectrum2-border-subtle: rgba(255, 255, 255, 0.09);
    --spectrum2-border-default: rgba(255, 255, 255, 0.16);
    --spectrum2-border-strong: rgba(255, 255, 255, 0.28);
    --spectrum2-border-highlight: rgba(255, 255, 255, 0.4);
    --spectrum2-border-accent: var(--spectrum2-accent-400);

    --spectrum2-focus-indicator-color: var(--spectrum2-accent-400);
    --spectrum2-focus-ring-shadow: 0 0 0 2px var(--spectrum2-background-canvas), 0 0 0 4px var(--spectrum2-accent-400);

    --spectrum2-corner-radius-none: 0px;
    --spectrum2-corner-radius-50: 2px;
    --spectrum2-corner-radius-75: 4px;
    --spectrum2-corner-radius-100: 6px;
    --spectrum2-corner-radius-200: 8px;
    --spectrum2-corner-radius-300: 12px;   --spectrum2-corner-radius-400: 16px;   --spectrum2-corner-radius-500: 20px;   --spectrum2-corner-radius-600: 24px;   --spectrum2-corner-radius-700: 32px;   --spectrum2-corner-radius-full: 9999px;--spectrum2-spacing-25: 2px;
    --spectrum2-spacing-50: 4px;
    --spectrum2-spacing-75: 6px;
    --spectrum2-spacing-100: 8px;
    --spectrum2-spacing-150: 12px;
    --spectrum2-spacing-200: 16px;
    --spectrum2-spacing-250: 20px;
    --spectrum2-spacing-300: 24px;
    --spectrum2-spacing-400: 32px;

    --spectrum2-control-size-s: 28px;
    --spectrum2-control-size-m: 36px;
    --spectrum2-control-size-l: 44px;
    --spectrum2-control-size-xl: 52px;

    --spectrum2-shadow-100: 0 1px 3px rgba(0, 0, 0, 0.25);
    --spectrum2-shadow-200: 0 4px 10px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
    --spectrum2-shadow-300: 0 10px 24px rgba(0, 0, 0, 0.42), 0 2px 6px rgba(0, 0, 0, 0.26);
    --spectrum2-shadow-400: 0 20px 42px rgba(0, 0, 0, 0.52), 0 4px 14px rgba(0, 0, 0, 0.35);
    --spectrum2-shadow-glow: 0 0 24px rgba(245, 78, 133, 0.38), 0 4px 14px rgba(224, 40, 104, 0.25);
    --spectrum2-shadow-glow-subtle: 0 0 16px rgba(245, 78, 133, 0.2);

    --spectrum2-backdrop-blur: 28px;
    --spectrum2-backdrop-saturate: 140%;

    --spectrum2-font-family: 'Adobe Clean', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --spectrum2-font-family-serif: 'Adobe Clean Serif', Georgia, Cambria, serif;
    --spectrum2-font-family-code: 'Source Code Pro', Monaco, Consolas, monospace;

    --spectrum2-font-size-75: 0.75rem;    --spectrum2-font-size-100: 0.875rem;  --spectrum2-font-size-200: 1rem;      --spectrum2-font-size-300: 1.125rem;  --spectrum2-font-size-400: 1.25rem;   --spectrum2-font-size-500: 1.5rem;    --spectrum2-font-weight-regular: 400;
    --spectrum2-font-weight-medium: 500;
    --spectrum2-font-weight-semibold: 600;
    --spectrum2-font-weight-bold: 700;
    --spectrum2-font-weight-extrabold: 800;

    --spectrum2-line-height-tight: 1.2;
    --spectrum2-line-height-normal: 1.45;
    --spectrum2-line-height-relaxed: 1.6;

    --spectrum2-duration-fast: 120ms;
    --spectrum2-duration-normal: 220ms;
    --spectrum2-duration-slow: 340ms;
    --spectrum2-duration-gentle: 480ms;

    --spectrum2-ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    --spectrum2-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --spectrum2-ease-in-out: cubic-bezier(0.45, 0, 0.15, 1);
}