:root {
    color-scheme: light dark;

    --length-10: 0.1rem;
    --length-25: 0.25rem;
    --length-50: 0.5rem;
    --length-75: 0.75rem;
    --length-100: 1rem;
    --length-150: 1.5rem;
    --length-200: 2rem;
    --length-300: 3rem;
    --length-400: 4rem;
    --length-600: 6rem;
    --length-800: 8rem;
    --length-1200: 12rem;
    --length-1600: 16rem;
    --length-2400: 24rem;
    --length-3200: 32rem;
    --length-4000: 40rem;
    --length-4800: 48rem;
    --length-6000: 60rem;

    --font-size-750: 0.75rem;
    --font-size-875: 0.875rem;
    --font-size-1000: 1rem;
    --font-size-1125: 1.125rem;
    --font-size-1250: 1.25rem;
    --font-size-1500: 1.5rem;
    --font-size-1875: 1.875rem;
    --font-size-2250: 2.25rem;
    --font-size-3000: 3rem;
    --font-size-3750: 3.75rem;
    --font-size-4500: 4.5rem;


    --raw-primary-color-100: oklch(0.16 0.15 95.00);
    --raw-primary-color-200: oklch(0.19 0.16 95.00);
    --raw-primary-color-300: oklch(0.26 0.18 95.00);
    --raw-primary-color-400: oklch(0.38 0.20 95.00);
    --raw-primary-color-500: oklch(0.56 0.22 95.00);
    --raw-primary-color-600: oklch(0.67 0.25 95.00);
    --raw-primary-color-700: oklch(0.88 0.17 95.00);
    --raw-primary-color-800: oklch(0.94 0.11 95.00);
    --raw-primary-color-900: oklch(0.97 0.06 95.00);

    --primary-color-100: light-dark(var(--raw-primary-color-100), var(--raw-primary-color-900));
    --primary-color-200: light-dark(var(--raw-primary-color-200), var(--raw-primary-color-800));
    --primary-color-300: light-dark(var(--raw-primary-color-300), var(--raw-primary-color-700));
    --primary-color-400: light-dark(var(--raw-primary-color-400), var(--raw-primary-color-600));
    --primary-color-500: light-dark(var(--raw-primary-color-500), var(--raw-primary-color-500));
    --primary-color-600: light-dark(var(--raw-primary-color-600), var(--raw-primary-color-400));
    --primary-color-700: light-dark(var(--raw-primary-color-700), var(--raw-primary-color-300));
    --primary-color-800: light-dark(var(--raw-primary-color-800), var(--raw-primary-color-200));
    --primary-color-900: light-dark(var(--raw-primary-color-900), var(--raw-primary-color-100));


    --raw-accent-color-100: oklch(0.15 0.19 7.48);
    --raw-accent-color-200: oklch(0.22 0.21 7.48);
    --raw-accent-color-300: oklch(0.30 0.23 7.48);
    --raw-accent-color-400: oklch(0.39 0.27 7.48);
    --raw-accent-color-500: oklch(0.48 0.26 7.48);
    --raw-accent-color-600: oklch(0.60 0.21 7.48);
    --raw-accent-color-700: oklch(0.70 0.17 7.48);
    --raw-accent-color-800: oklch(0.80 0.12 7.48);
    --raw-accent-color-900: oklch(0.90 0.08 7.48);

    --accent-color-100: light-dark(var(--raw-accent-color-100), var(--raw-accent-color-900));
    --accent-color-200: light-dark(var(--raw-accent-color-200), var(--raw-accent-color-800));
    --accent-color-300: light-dark(var(--raw-accent-color-300), var(--raw-accent-color-700));
    --accent-color-400: light-dark(var(--raw-accent-color-400), var(--raw-accent-color-600));
    --accent-color-500: light-dark(var(--raw-accent-color-500), var(--raw-accent-color-500));
    --accent-color-600: light-dark(var(--raw-accent-color-600), var(--raw-accent-color-400));
    --accent-color-700: light-dark(var(--raw-accent-color-700), var(--raw-accent-color-300));
    --accent-color-800: light-dark(var(--raw-accent-color-800), var(--raw-accent-color-200));
    --accent-color-900: light-dark(var(--raw-accent-color-900), var(--raw-accent-color-100));


    --raw-neutral-color-100: oklch(0.18 0.01 80.00);
    --raw-neutral-color-200: oklch(0.28 0.01 80.00);
    --raw-neutral-color-300: oklch(0.38 0.01 80.00);
    --raw-neutral-color-400: oklch(0.48 0.01 80.00);
    --raw-neutral-color-500: oklch(0.58 0.01 80.00);
    --raw-neutral-color-600: oklch(0.68 0.01 80.00);
    --raw-neutral-color-700: oklch(0.78 0.01 80.00);
    --raw-neutral-color-800: oklch(0.88 0.01 80.00);
    --raw-neutral-color-900: oklch(0.98 0.01 80.00);

    --neutral-color-100: light-dark(var(--raw-neutral-color-100), var(--raw-neutral-color-900));
    --neutral-color-200: light-dark(var(--raw-neutral-color-200), var(--raw-neutral-color-800));
    --neutral-color-300: light-dark(var(--raw-neutral-color-300), var(--raw-neutral-color-700));
    --neutral-color-400: light-dark(var(--raw-neutral-color-400), var(--raw-neutral-color-600));
    --neutral-color-500: light-dark(var(--raw-neutral-color-500), var(--raw-neutral-color-500));
    --neutral-color-600: light-dark(var(--raw-neutral-color-600), var(--raw-neutral-color-400));
    --neutral-color-700: light-dark(var(--raw-neutral-color-700), var(--raw-neutral-color-300));
    --neutral-color-800: light-dark(var(--raw-neutral-color-800), var(--raw-neutral-color-200));
    --neutral-color-900: light-dark(var(--raw-neutral-color-900), var(--raw-neutral-color-100));
}