/*++++++++++++++++++++++++++*/
/* Bund Theme Definitions   */
/*++++++++++++++++++++++++++*/

@import "../../styles.css";
@import "./bundes-sans.css";
@import './archrl.css';

/* ==========================================================================
   VAR OVERRIDE
   Override these variables to fully customize the Bund theme.
   All values flow through theme-bridge.css into kern's internal token system.
   ========================================================================== */
:root {
    /* --- Colors --- */
    --primary:            oklch(0.3684 0.0915 253.69);
    --primary-foreground: #ffffff;
    --background:         #ffffff;
    --foreground:         #171A2B;
    --muted:              #f0f1f3;
    --muted-foreground:   #576164;
    --border:             #d9dbdf;
    --accent:             oklch(0.3684 0.0915 253.69);
    --accent-foreground:  #ffffff;
    --destructive:        #c0003c;
    --success:            #005C45;
    --warning:            #F7BB3D;
    --info:               oklch(0.3684 0.0915 253.69);
    --footer-background:  oklch(0.3684 0.0915 253.69);

    /* --- Shape (sharp corners) --- */
    --radius: 0px;

    /* --- Spacing --- */
    --spacing-base: 4px;

    /* --- Typography --- */
    --font-family:         "Bundes Sans", sans-serif;
    --font-size-ratio:     1.13;
    --font-weight-heading: 700;

    /* Footer text is white against the dark primary footer background */
    --footer-foreground: white;
}

[data-kern-theme="dark"] {
    --primary:            oklch(0.7 0.0915 253.69);
    --primary-foreground: #ffffff;
    --background:         #0d1526;
    --foreground:         #f0f1f3;
    --muted:              #1a2a45;
    --muted-foreground:   #bec5c9;
    --border:             #2a3a55;
    --footer-background:  oklch(0.25 0.0915 253.69);
    --footer-foreground: white;
}

/* ==========================================================================
   Tables
   ========================================================================== */

table {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

table tr:nth-child(odd) {
    background-color: rgb(230 245 251 / var(--tw-bg-opacity, 0.5));
}

table th {
    background-color: rgb(23 64 110 / var(--tw-bg-opacity, 1));
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    padding: .25rem 1rem;
    text-align: left;
}
