@source "/usr/local/bundle/ruby/3.4.0/bundler/gems/cfa-ui-components-945951d17b3d";

@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Inter:wght@100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@theme {
    --spacing-cfa-xsm: 4px;
    --spacing-cfa-sm: 8px;
    --spacing-cfa-med: 16px;
    --spacing-cfa-lg: 24px;
    --spacing-cfa-xl: 32px;
    --spacing-cfa-2xl: 40px;

    /* Background colors */
    --color-background-app: #FFFFF5;
    --color-background-navigation: #011E29;
    --color-button-surface-secondary: #EEF1FF;
    --color-background-secondary: #E5E5E5;
    --color-background-container: #EBECDC;
    --color-background-destructive-hover: #F8DEDE;
    --color-background-destructive-active: #E8B5B5;
    --color-background-disabled: #CCCCCC;
    --color-background-indeterminate: #E2E7FF;

    /* Text colors */
    --color-text-default: #011E29;
    --color-text-body-secondary: #1A353E;
    --color-text-disabled: #999999;

    /* Icon colors */
    --color-icon-default: #011E29;
    --color-icon-primary: #FFFFFF;

    /* Border colors */
    --color-border-default: #011E29;
    --color-border-secondary: #CCD2D4;
    --color-border-error: #B50909;
    --color-border-warning: #B27A00;
    --color-border-disabled: #B3BBBF;

    /* Link colors */
    --color-link-unvisited: #007C7C;
    --color-link-visited: #4C2C92;

    /* Brand / interactive colors */
    --color-primary: #9EB0FF;
    --color-primary-hover: #ECEFFF;
    --color-primary-pressed: #E2E7FF;
    --color-button-surface-secondary-hover: #CFD7FF;
    --color-accent: #637FFF;
    --color-focus: #339696;

    /* State colors */
    --color-error: #B50909;
    --color-destructive: #7F0606;
    --color-warning: #B27A00;

    /* Neutrals */
    --color-white: #FFFFFF;
    --color-black: #000000;
}

@layer theme, base, components, utilities, cfa-base;

@import "./base/typography.css" layer(cfa-base);
@import "./base/lists.css" layer(cfa-base);
@import "./base/links.css" layer(cfa-base);

@import "./components/layout.css";
@import "./components/modal.css";
@import "./components/forms.css";
@import "./components/buttons.css";
@import "./components/icons.css";

@import "./utilities/state.css";