@import url("/static/theme.css");

:root {
    --base-gutter-x: 2rem;
    --base-gutter-y: 0.86rem;

    --button-radius-sm: var(--radius-sm);
    --button-radius-md: var(--radius-sm);
    --button-radius-lg: var(--radius-sm);

    --button-line-height: 1.2;

    --button-padding-y-sm: var(--spacing-xxs);
    --button-padding-x-sm: var(--spacing-xs);
    --button-font-size-sm: var(--font-size-xs);

    --button-padding-y-md: var(--spacing-xs);
    --button-padding-x-md: var(--spacing-sm);
    --button-font-size-md: var(--font-size-sm);

    --button-padding-y-lg: var(--spacing-sm);
    --button-padding-x-lg: var(--spacing-md);
    --button-font-size-lg: var(--font-size-md);

    --color-brand-primary: #093956;
    --color-brand-primary-hover: #062a40;
    --color-brand-primary-subtle: #315b72;
    --color-brand-primary-container: #e6eff4;
    --color-on-primary: #ffffff;

    --color-inverse-primary: #2F6EB4;
    --color-on-inverse-primary: #ffffff;

    --color-brand-secondary: #2F6EB4;
    --color-brand-secondary-hover: #255a94;
    --color-brand-secondary-container: #e8f0f9;
    --color-on-secondary: #ffffff;

    --color-brand-accent: #ff6600;
    --color-brand-accent-hover: #d95500;
    --color-brand-accent-subtle: #fff0e6;
    --color-brand-accent-container: #ffe0cc;
    --color-on-accent: #ffffff;

    --color-bg-light: #f7f9fb;
    --color-bg-dark: #071f2f;
    --color-bg-disabled: #eef2f5;

    --color-text-main: #172b3a;
    --color-text-muted: #526777;
    --color-text-disabled: #94a6b3;
    --color-text-white: #ffffff;
    --color-text-light: #e6eff4;

    --color-border-light: #c9d7e0;
    --color-border-gray: #dfe7ec;
    --color-border-dark: #526777;

    --color-success: #16834b;
    --color-success-container: #eaf7f0;
    --color-on-success-container: #0d5c35;
    --color-on-success: #ffffff;

    --color-info: #2F6EB4;
    --color-info-container: #e8f0f9;
    --color-on-info-container: #214f82;
    --color-on-info: #ffffff;

    --color-error: #d92d20;
    --color-error-container: #fef0ef;
    --color-on-error-container: #8f1d18;
    --color-on-error: #ffffff;
}