:root {
    --app-brand-primary: #520d15;
    --app-brand-primary-hover: #6f7380;
    --app-brand-primary-soft: #974f4b;
    --app-brand-secondary: #193773;
    --app-brand-accent: #00a1eb;
    --app-brand-green: #93c54b;

    --app-neutral-0: #ffffff;
    --app-neutral-50: #f7f7f7;
    --app-neutral-100: #eeeeee;
    --app-neutral-200: #d8d8d8;
    --app-neutral-300: #c0c0c0;
    --app-neutral-400: #b2b3b6;
    --app-neutral-500: #8b8f99;
    --app-neutral-600: #6f7380;
    --app-neutral-700: #4f535c;
    --app-neutral-800: #2d2f34;
    --app-neutral-900: #000000;

    --app-success: #2f7d32;
    --app-success-soft: #e7f4e7;
    --app-warning: #f7b500;
    --app-warning-soft: #fff6dd;
    --app-danger: #7a1010;
    --app-danger-soft: #f5e6e6;
    --app-info: #1e638e;
    --app-info-soft: #e8f2f8;

    --app-font-family-base: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --app-font-size-xs: 0.75rem;
    --app-font-size-sm: 0.8125rem;
    --app-font-size-base: 0.9rem;
    --app-font-size-md: 1rem;
    --app-font-size-lg: 1.15rem;
    --app-font-size-xl: 1.35rem;
    --app-font-weight-regular: 400;
    --app-font-weight-medium: 500;
    --app-font-weight-semibold: 600;
    --app-font-weight-bold: 700;

    --app-space-0: 0;
    --app-space-1: 0.25rem;
    --app-space-2: 0.5rem;
    --app-space-3: 0.75rem;
    --app-space-4: 1rem;
    --app-space-5: 1.5rem;
    --app-space-6: 2rem;
    --app-space-7: 3rem;

    --app-radius-0: 0;
    --app-radius-sm: 0.25rem;
    --app-radius-md: 0.4375rem;
    --app-radius-lg: 0.5rem;
    --app-radius-pill: 999px;

    --app-shadow-none: none;
    --app-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.16);
    --app-shadow-md: 2px 2px 4px rgba(0, 0, 0, 0.5);
    --app-shadow-lg: 5px 5px 10px rgba(0, 0, 0, 0.5);

    --app-z-base: 1;
    --app-z-sticky: 100;
    --app-z-dropdown: 1000;
    --app-z-overlay: 1040;
    --app-z-modal: 1050;
    --app-z-toast: 1100;

    --app-motion-fast: 120ms;
    --app-motion-base: 180ms;
    --app-motion-slow: 300ms;
    --app-motion-ease: ease-in-out;

    --app-project-shell-top-row-height: 8.0rem;
    --app-project-shell-top-row-bg: #f0f0f0;
    --app-project-shell-brand-font-size: 1.1rem;
    --app-project-shell-icon-font-size: 1.1rem;
    --app-project-shell-icon-offset-top: -2px;
    --app-project-shell-link-color: #d7d7d7;
    --app-project-shell-active-bg: rgba(255,255,255,0.25);
    --app-project-shell-hover-bg: rgba(255,255,255,0.1);
    --app-project-shell-nav-font-size: 1.25rem;
    --app-project-shell-nav-font-weight: bold;
    --app-project-shell-nav-item-margin: 50px;

    --app-nav-toggler-bg: #000000;
    --app-nav-toggler-bg-translucent: rgba(255, 255, 255, 0.1);
    --app-nav-top-row-bg: #f0f0f0;
    --app-nav-top-row-bg-translucent: rgba(0,0,0,0.4);
    --app-nav-top-row-height: 8.0rem;
    --app-nav-top-row-height-legacy: 3.5rem;
    --app-nav-brand-font-size: 1.1rem;
    --app-nav-icon-font-size: 1.1rem;
    --app-nav-icon-width: 2rem;
    --app-nav-icon-top-offset: -2px;
    --app-nav-item-font-size: 0.9rem;
    --app-nav-item-padding-sm: 0.5rem;
    --app-nav-item-padding-md: 1rem;
    --app-nav-link-color: #d7d7d7;
    --app-nav-link-active-bg: rgba(255,255,255,0.25);
    --app-nav-link-hover-bg: rgba(255,255,255,0.1);
    --app-nav-link-fg-active: white;
    --app-nav-link-height: 3rem;
    --app-nav-link-line-height: 3rem;
    --app-nav-link-radius: 4px;
}