/* Inter by Rasmus Andersson, SIL Open Font License; see ../fonts/Inter-LICENSE.txt. */
@font-face {
    font-family: Inter;
    src: url('../fonts/InterVariable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    /*
     * Finech, file fgIke0dkuOb0WH83PRghi0, Style Guide / Colors (568:11612).
     * Values follow the rendered fills/styles, not the stale hex labels on some
     * swatches (notably Primary/Main and Neutral/90).
     */
    --blue: #0971da;
    --blue-hover: #0866c4;
    --blue-pressed: #054483;
    --blue-surface: #f0f6fd;
    --blue-soft: #cee3f8;
    --blue-border: var(--blue-soft);
    --blue-focus: #b5d4f4;

    --orange: #f17f13;
    --orange-hover: #d97211;
    --orange-pressed: #914c0c;
    --orange-surface: #fef7f1;
    --orange-border: #fce5d0;
    --orange-focus: #fbd9b8;

    --warning: #ffd33c;
    --warning-hover: #d5b032;
    --warning-pressed: #806a1e;
    --warning-surface: #fff9e5;
    --warning-border: #fff0be;
    --warning-focus: rgb(255 211 60 / 20%);

    --success: #50cd89;
    --success-hover: #46b277;
    --success-pressed: #28593f;
    --success-surface: #f5fffa;
    --success-border: #c5eed8;
    --success-focus: rgb(80 205 137 / 20%);

    --error: #f14141;
    --error-hover: #d93a3a;
    --error-pressed: #802a2a;
    --error-surface: #fff5f5;
    --error-border: #fac0c0;
    --error-focus: rgb(241 65 65 / 20%);

    --info: #7239ea;
    --info-hover: #6633d1;
    --info-pressed: #3f2478;
    --info-surface: #f6f2ff;
    --info-border: #d0bdf8;
    --info-focus: rgb(114 57 234 / 20%);

    --neutral-10: #fff;
    --neutral-20: #f5f5f5;
    --neutral-30: #ededed;
    --neutral-40: #d6d6d6;
    --neutral-50: #c2c2c2;
    --neutral-60: #878787;
    --neutral-70: #606060;
    --neutral-80: #383838;
    --neutral-90: #242424;
    --neutral-100: #101010;

    /* Existing application aliases share the guide palette. */
    --green: var(--success);
    --surface: var(--neutral-10);
    --ink: var(--neutral-100);
    --muted: var(--neutral-60);
    --line: var(--neutral-30);
    --canvas: var(--neutral-20);

    /* Finech Shadow, Outer Shadow and Button/FocusRing/{Primary,Secondary}. */
    --shadow: 0 4px 40px rgb(0 0 0 / 6%);
    /* Platform card 22706:473014; its inner logo card uses --shadow. */
    --shadow-card: 0 4px 20px rgb(0 0 0 / 6%);
    /* Dashboard metric card 22622:291694, Metric Shadow. */
    --shadow-metric: 0 4px 24px rgb(0 0 0 / 6%);
    --focus-ring: 0 0 0 4px var(--blue-soft);
    --focus-ring-primary: 0 0 0 1px #fff, 0 0 0 3px var(--blue-focus), 6px 6px 32px rgb(0 0 0 / 6%);
    --focus-ring-secondary: 0 0 0 1px #fff, 0 0 0 3px var(--orange-focus), 6px 6px 32px rgb(0 0 0 / 6%);
    /* Finech Form and Display / Shadow/xs. */
    --shadow-xs: 0 1px 2px rgb(16 24 40 / 5%);

    /* Finech Button component sizes: small / medium / large. */
    --radius-sm: 10px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-card: var(--radius-lg);
    --radius-panel: var(--radius-md);

    /* Finech Style Guide / Typography (388:28417), the Inter style family. */
    --font-family-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-size-display-1: 80px;
    --font-size-display-2: 72px;
    --font-size-h1: 64px;
    --font-size-h2: 48px;
    --font-size-h3: 40px;
    --font-size-h4: 32px;
    --font-size-h5: 24px;
    --font-size-h6: 18px;
    --font-size-body-large: 16px;
    --font-size-body-medium: 14px;
    --font-size-body-small: 12px;
    --line-height-display: 1.2;
    --line-height-heading: 1.2;
    --line-height-heading-small: 1.4;
    --line-height-body: 1.5;
    --letter-spacing-finech: -0.05em;
    /* H2 Bold is the one Inter sample with -1% instead of -5%. */
    --letter-spacing-h2-bold: -0.01em;

    /* Application layout dimension, not a Finech type/color token. */
    --sidebar: 252px;
    font-family: var(--font-family-sans);
    /* This Figma Inter family has wght/slnt axes only; avoid automatic opsz changes. */
    font-optical-sizing: none;
    color: var(--ink);
    font-synthesis: none;
    font-size: var(--font-size-body-medium);
}