/* PDKSV9 theme: the "Industry" design system's values, expressed through the frozen library's
   own tokens (docs/82 IMPL-227).

   ── Why this file is allowed to exist, when docs/69 §23 forbids a parallel shell ──────────────

   §23 forbids writing the library's own class names by hand — a second `.bs-sidebar`, a second
   dialog header — because that is a duplicate implementation of something the library already
   ships. This file writes NO class names. It redefines the custom properties
   `Borina.UI.Components/wwwroot/Theme/Css/variables.css` declares, which are the library's public
   theming API: the component CSS reads them and is not touched.

   So the shell stays the library's shell, every screen stays on the library's classes, and the
   frozen submodule keeps every byte it had. What changes is the values those classes read.

   ── Where the values come from ────────────────────────────────────────────────────────────────

   `pdks-admin-dashboard-component/project/_ds/industry-<id>/styles.css`, the design system the
   Claude Design mock-up is built on. Its own token names are on the right of each mapping so the
   two can be checked against each other.

   ── What it deliberately does NOT try to do ───────────────────────────────────────────────────

   It cannot make the product pixel-identical to the mock-up, and it is not meant to. The mock-up
   draws things the library has no component for — a hero banner, KPI tiles, donut charts, a desk
   map — and those are separate work. This file moves the palette, the type and the shape of
   everything that already exists, in one step, without breaking a rule or a test. */

/* Barlow / Barlow Condensed, the design system's own faces. Declared here rather than added to
   the library, which must keep working without this file.

   Served from this application, not from a font CDN (docs/91 PDKS-155, KVKK): a stylesheet
   fetched from a third party hands every visitor's address and browser to it
   on every page load, which is a transfer of personal data abroad nobody consented to. The files
   are the SIL Open Font License faces Google publishes (fonts/OFL.txt), in the two subsets Turkish
   needs — Latin, and Latin Extended for ş, ğ, ı and İ — and the browser fetches only the subset a
   page's text uses. */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('fonts/barlow-latin-ext-400-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('fonts/barlow-latin-400-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url('fonts/barlow-latin-ext-500-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url('fonts/barlow-latin-500-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url('fonts/barlow-latin-ext-600-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url('fonts/barlow-latin-600-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url('fonts/barlow-latin-ext-700-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url('fonts/barlow-latin-700-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('fonts/barlow-condensed-latin-ext-400-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('fonts/barlow-condensed-latin-400-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url('fonts/barlow-condensed-latin-ext-500-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url('fonts/barlow-condensed-latin-500-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url('fonts/barlow-condensed-latin-ext-600-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url('fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url('fonts/barlow-condensed-latin-ext-700-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url('fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
    /* ── Type ────────────────────────────────────────────────────────────────────────────────
       The design system has two faces: Barlow for body, Barlow Condensed for headings. The
       library has one font token, so the body face goes here and the heading face is applied to
       heading elements below — typography, not a duplicated component. */
    --bs-font-family: 'Barlow', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    /* Barlow runs smaller than Inter at the same nominal size, so the base moves up a step to
       keep the same reading size rather than shrinking every screen. */
    --bs-font-size-base: 0.9375rem;   /* 15px — the design system's own body size */

    /* ── Brand ────────────────────────────────────────────  --color-accent and its ramp ───── */
    /* The accent is a shade darker than the mock-up's #5980a6, and the reason is a number
       (docs/91 PDKS-151, BUG-41): white text on #5980a6 comes to 4.15:1, under WCAG AA's 4.5:1
       for normal text — and it carries white text in two places that matter, the primary button
       and the sidebar's active pill. #50769c is 4.76:1, the nearest shade that passes, so the
       screen stays as close to the design as the rule allows. Changed everywhere the accent
       appears rather than only where text sits on it: one brand colour, not two that differ by a
       hair. `ThemeContrastTests` holds it. */
    --bs-color-primary:         #50769c;   /* --color-accent, darkened for AA */
    --bs-color-primary-hover:   #416180;   /* --color-accent-700 */
    --bs-color-primary-active:  #2c455d;   /* --color-accent-800 */
    --bs-color-primary-light:   #eef6ff;   /* --color-accent-100 */
    --bs-color-primary-mid:     #b5d9fd;   /* --color-accent-300 */
    --bs-color-primary-text:    #ffffff;
    --bs-color-text-link:       #416180;   /* the mock-up's own link colour */

    /* ── Surfaces ──────────────────────────────────────────────────────────────────────────── */
    --bs-color-bg:              #eef1f6;   /* the mock-up's shell background */
    --bs-color-bg-subtle:       #e9e9ea;   /* --color-surface */
    --bs-color-surface:         #ffffff;   /* --color-surface-solid */
    --bs-color-surface-raised:  #ffffff;

    --bs-color-text:            #1d1f20;   /* --color-text */
    --bs-color-text-secondary:  #5d5d60;   /* --color-neutral-700 */
    /* #7a7a7d in the design, 4.28:1 on white — under AA, and this is body text wherever a label
       or a hint is muted. #747477 is 4.66:1 (docs/91 PDKS-151). */
    --bs-color-text-muted:      #747477;   /* --color-neutral-600, darkened for AA */
    --bs-color-text-placeholder:#98989b;   /* --color-neutral-500 */

    --bs-color-border:          #e7e7ea;   /* --color-neutral-200 */
    --bs-color-border-subtle:   #f5f5f8;   /* --color-neutral-100 */
    --bs-color-border-strong:   #d4d4d7;   /* --color-neutral-300 */

    /* ── Shape ────────────────────────────────────────  --radius-lg, and the mock-up's cards ─ */
    --bs-card-radius:           7px;
    --bs-btn-radius:            7px;
    --bs-input-radius:          7px;

    /* ── Elevation ───────────────────────────────────────────  --shadow-sm / -md / -lg ────── */
    --bs-shadow-xs:  0 1px 2px color-mix(in srgb, #2b2b2d 10%, transparent);
    --bs-shadow-sm:  0 1px 2px color-mix(in srgb, #2b2b2d 14%, transparent);
    --bs-shadow-md:  0 3px 10px color-mix(in srgb, #2b2b2d 16%, transparent);
    --bs-shadow-lg:  0 12px 32px color-mix(in srgb, #2b2b2d 22%, transparent);
    --bs-card-shadow:       0 1px 2px color-mix(in srgb, #2b2b2d 14%, transparent);
    --bs-card-shadow-hover: 0 3px 10px color-mix(in srgb, #2b2b2d 16%, transparent);

    /* ── Inputs / buttons ──────────────────────────────────────────────────────────────────── */
    --bs-input-border:          #d4d4d7;
    --bs-input-border-hover:    #b7b7ba;
    --bs-input-border-focus:    #50769c;
    --bs-input-focus-ring:      0 0 0 3px color-mix(in srgb, #50769c 18%, transparent);
    --bs-color-border-focus:    #50769c;

    /* Barlow Condensed on buttons, as the mock-up's `.pdks-btn` has it. */
    --bs-btn-font-weight:       600;

    /* ── Sidebar ──────────────────────────────────────────────────────────────────────────────
       The mock-up's sidebar is a vertical gradient from --color-accent-900 to #16222f. The token
       is consumed as `background:`, not `background-color:`, so a gradient is a legal value — no
       library CSS is overridden to achieve it. */
    --bs-nav-bg:                linear-gradient(180deg, #1d2d3d, #16222f);
    --bs-nav-bg-hover:          rgba(255, 255, 255, 0.10);
    --bs-nav-bg-active:         #50769c;                       /* the mock-up's active pill */
    --bs-nav-text:              rgba(245, 245, 248, 0.72);
    --bs-nav-text-hover:        #f5f5f8;
    --bs-nav-text-active:       #ffffff;
    --bs-nav-border-active:     #50769c;
    --bs-nav-section-text:      rgba(255, 255, 255, 0.30);

    /* ── Topbar ────────────────────────────────────────────────────────────────────────────── */
    --bs-topbar-bg:             #ffffff;
    --bs-topbar-border:         #e7e7ea;

    /* ── Grid ─────────────────────────────────────────────────────────────────────────────────
       The mock-up's row hover is the accent at 6%, which is what `.pdks-row:hover` uses. */
    --bs-grid-header-bg:        #f5f5f8;
    --bs-grid-header-text:      #424244;
    --bs-grid-row-hover:        color-mix(in srgb, #50769c 6%, transparent);
    --bs-grid-row-selected:     color-mix(in srgb, #50769c 12%, transparent);
    --bs-grid-border:           #f5f5f8;
    --bs-grid-header-border:    #e7e7ea;

    --bs-dialog-overlay:        rgba(29, 45, 61, 0.45);
}

/* Barlow Condensed for headings, the design system's second face.

   Element selectors rather than a class: this is the theme's typography, applied wherever a
   heading is, and it stays true whichever component drew it. The library sets size and weight on
   these elements already and neither is touched. */
h1, h2, h3, h4, h5, h6,
.bs-page-title,
.bs-card-title {
    font-family: 'Barlow Condensed', 'Barlow', sans-serif;
    letter-spacing: -0.01em;
}