:root {
    color-scheme: light;

    --agora-palette-red-100: #E30513;
    --agora-palette-red-50: #F2828A;
    --agora-palette-yellow-100: #FFC103;
    --agora-palette-yellow-50: #FFE081;
    --agora-palette-blue-100: #0099FF;
    --agora-palette-blue-50: #80CFF2;
    --agora-palette-gray-100: #515151;
    --agora-palette-gray-50: #B2B2B2;
    --agora-palette-orange-100: #F7A941;
    --agora-palette-orange-50: #FAD4A1;
    --agora-palette-green-100: #51A27E;
    --agora-palette-green-50: #A8D1BF;
    --agora-palette-burgundy-100: #7B003D;
    --agora-palette-burgundy-50: #BD809E;
    --agora-palette-violet-100: #702E78;
    --agora-palette-violet-50: #B896BA;

    --agora-web-gray-0: #EDEDED;
    --agora-web-gray-1: #DCDCDC;
    --agora-web-gray-2: #CACACA;
    --agora-web-gray-3: #B2B2B2;
    --agora-web-gray-5: #7C7C7C;
    --agora-web-gray-7: #515151;
    --agora-web-gray-8: #3D3D3D;
    --agora-web-gray-9: #282828;

    --agora-web-blue-0: #E5F5FF;
    --agora-web-blue-1: #CCEBFF;
    --agora-web-blue-2: #B2E0FF;
    --agora-web-blue-3: #80CFF2;
    --agora-web-blue-4: #41B2FF;
    --agora-web-blue-5: #0099FF;
    --agora-web-blue-7: #0172BF;
    --agora-web-blue-9: #004D80;

    --agora-web-green-0: #EDF6F2;
    --agora-web-green-1: #DCECE5;
    --agora-web-green-2: #CAE3D8;
    --agora-web-green-3: #A8D1BF;
    --agora-web-green-4: #7DB99E;
    --agora-web-green-5: #51A27E;
    --agora-web-green-7: #3D795E;
    --agora-web-green-9: #29513F;

    --agora-web-yellow-0: #FFF9E5;
    --agora-web-yellow-1: #FFF3CC;
    --agora-web-yellow-2: #FFECB2;
    --agora-web-yellow-3: #FFE081;
    --agora-web-yellow-4: #FFD042;
    --agora-web-yellow-5: #FFC103;
    --agora-web-yellow-7: #BF9002;
    --agora-web-yellow-9: #806101;

    --agora-web-orange-0: #FFF6EB;
    --agora-web-orange-1: #FEEED9;
    --agora-web-orange-2: #FDE5C5;
    --agora-web-orange-3: #FAD4A1;
    --agora-web-orange-4: #F9BE70;
    --agora-web-orange-5: #F7A941;
    --agora-web-orange-7: #B97E30;
    --agora-web-orange-9: #7D5520;

    --agora-web-red-0: #FCE5E7;
    --agora-web-red-1: #FACDCF;
    --agora-web-red-2: #F7B3B7;
    --agora-web-red-3: #F2828A;
    --agora-web-red-4: #EA434E;
    --agora-web-red-5: #E30513;
    --agora-web-red-7: #AA030E;
    --agora-web-red-9: #720209;

    --agora-web-burgundy-0: #F1E5EB;
    --agora-web-burgundy-1: #E4CCD8;
    --agora-web-burgundy-2: #D7B2C4;
    --agora-web-burgundy-3: #BD809E;
    --agora-web-burgundy-4: #9C406D;
    --agora-web-burgundy-5: #7B003D;
    --agora-web-burgundy-7: #5C002D;
    --agora-web-burgundy-9: #3D001E;

    --agora-web-violet-0: #F0E9F1;
    --agora-web-violet-1: #E2D5E4;
    --agora-web-violet-2: #D4C0D6;
    --agora-web-violet-3: #B896BB;
    --agora-web-violet-4: #A47BA8;
    --agora-web-violet-5: #702E78;
    --agora-web-violet-7: #37173C;
    --agora-web-violet-9: #1C0A1E;

    --agora-color-primary: var(--agora-palette-blue-100);
    --agora-color-primary-light: var(--agora-web-blue-3);
    --agora-color-primary-soft: var(--agora-web-blue-0);
    --agora-color-primary-hover: var(--agora-web-blue-7);
    --agora-color-primary-active: var(--agora-web-blue-9);

    --agora-color-secondary: var(--agora-palette-burgundy-100);
    --agora-color-secondary-light: var(--agora-web-burgundy-3);
    --agora-color-secondary-soft: var(--agora-web-burgundy-0);
    --agora-color-secondary-hover: var(--agora-web-burgundy-7);
    --agora-color-secondary-active: var(--agora-web-burgundy-9);

    --agora-color-accent: var(--agora-palette-yellow-100);
    --agora-color-accent-soft: var(--agora-web-yellow-0);
    --agora-color-accent-hover: var(--agora-web-yellow-7);

    --agora-color-success: var(--agora-palette-green-100);
    --agora-color-success-soft: var(--agora-web-green-0);
    --agora-color-success-hover: var(--agora-web-green-7);

    --agora-color-warning: var(--agora-palette-orange-100);
    --agora-color-warning-soft: var(--agora-web-orange-0);
    --agora-color-warning-hover: var(--agora-web-orange-7);

    --agora-color-danger: var(--agora-palette-red-100);
    --agora-color-danger-soft: var(--agora-web-red-0);
    --agora-color-danger-hover: var(--agora-web-red-7);

    --agora-color-info: var(--agora-palette-blue-100);
    --agora-color-info-soft: var(--agora-web-blue-0);

    --agora-color-neutral: var(--agora-web-gray-7);
    --agora-color-neutral-soft: var(--agora-web-gray-0);

    --agora-color-bg: #F6F3EC;
    --agora-color-bg-alt: #FBF9F4;
    --agora-color-surface: #FFFFFF;
    --agora-color-surface-alt: #F7F4EF;
    --agora-color-surface-muted: #F0ECE4;
    --agora-color-card-bg: var(--agora-color-surface);
    --agora-color-card-border: #DDD4C5;
    --agora-color-border: #D8D0C2;
    --agora-color-border-strong: #C9BEAB;
    --agora-color-menu-bg: #F1EBDF;
    --agora-color-menu-text: var(--agora-web-gray-9);
    --agora-color-menu-hover: var(--agora-web-yellow-1);
    --agora-color-menu-active: var(--agora-web-yellow-3);
    --agora-color-input-bg: #FFFFFF;
    --agora-color-input-border: var(--agora-color-border);
    --agora-color-input-hover: var(--agora-color-primary-light);
    --agora-color-focus: var(--agora-web-blue-4);
    --agora-color-disabled: var(--agora-web-gray-2);
    --agora-color-disabled-text: var(--agora-web-gray-5);

    --agora-color-text: var(--agora-web-gray-9);
    --agora-color-text-muted: var(--agora-web-gray-7);
    --agora-color-heading: #172033;
    --agora-color-link: var(--agora-web-blue-7);
    --agora-color-link-hover: var(--agora-web-blue-9);
    --agora-color-inverse-text: #FFFFFF;

    --agora-shadow-xs: 0 1px 2px rgba(23, 32, 51, 0.05);
    --agora-shadow-sm: 0 8px 20px rgba(23, 32, 51, 0.08);
    --agora-shadow-md: 0 16px 36px rgba(23, 32, 51, 0.12);
    --agora-shadow-focus: 0 0 0 3px rgba(65, 178, 255, 0.22);

    --agora-radius-sm: 8px;
    --agora-radius-md: 12px;
    --agora-radius-lg: 18px;
    --agora-radius-pill: 999px;

    --agora-space-1: 8px;
    --agora-space-2: 16px;
    --agora-space-3: 24px;
    --agora-space-4: 32px;
    --agora-space-6: 48px;
    --agora-space-8: 64px;

    --agora-page-max-width-sm: 720px;
    --agora-page-max-width-md: 960px;
    --agora-page-max-width-lg: 1280px;

    --agora-module-admin-accent: var(--agora-color-secondary);
    --agora-module-admin-soft: var(--agora-web-burgundy-0);
    --agora-module-admin-hero: var(--agora-web-burgundy-9);

    --agora-module-tools-accent: var(--agora-color-accent);
    --agora-module-tools-soft: var(--agora-web-yellow-0);
    --agora-module-tools-hero: var(--agora-web-burgundy-9);

    --agora-module-url-shortener-accent: var(--agora-color-warning);
    --agora-module-url-shortener-soft: var(--agora-web-orange-0);
    --agora-module-url-shortener-hero: var(--agora-web-burgundy-9);

    --agora-module-qr-code-accent: var(--agora-color-primary);
    --agora-module-qr-code-soft: var(--agora-web-blue-0);
    --agora-module-qr-code-hero: var(--agora-web-blue-9);

    --agora-module-file-transfer-accent: var(--agora-color-success);
    --agora-module-file-transfer-soft: var(--agora-web-green-0);
    --agora-module-file-transfer-hero: var(--agora-web-green-9);

    --agora-module-recognition-accent: var(--agora-color-secondary);
    --agora-module-recognition-soft: var(--agora-web-burgundy-0);
    --agora-module-recognition-hero: linear-gradient(135deg, var(--agora-web-burgundy-7) 0%, var(--agora-web-gray-9) 100%);

    --agora-module-etiquettes-accent: var(--agora-color-danger);
    --agora-module-etiquettes-soft: var(--agora-web-burgundy-0);
    --agora-module-etiquettes-hero: var(--agora-web-burgundy-7);

    --agora-hero-tools: var(--agora-module-tools-hero);
    --agora-hero-files: var(--agora-web-blue-9);
    --agora-hero-admin: var(--agora-module-admin-hero);
    --agora-hero-secondary: var(--agora-web-burgundy-7);
    --agora-hero-success: var(--agora-web-green-9);
    --agora-hero-warning: var(--agora-web-orange-9);
    --agora-hero-info: var(--agora-web-blue-9);

    --agora-hero-foreground: var(--agora-color-inverse-text);
    --agora-hero-foreground-muted: rgba(255, 255, 255, 0.86);
    --agora-hero-watermark-opacity: 0.09;
    --agora-hero-watermark-size: min(40vw, 440px);
}