/* Kiwi Brand — fonts, colour tokens, and targeted admin overrides.
 *
 * Theme forced to light via UNFOLD["THEME"] = "light" in settings.py.
 * Sidebar and button colours come from UNFOLD["COLORS"]["primary"].
 * This file only handles what Unfold cannot: fonts, tokens, surfaces.
 */

/* ------------------------------------------------------------------ */
/* Fonts                                                                */
/* ------------------------------------------------------------------ */

@font-face {
    font-family: "Sohne";
    src: url("/static/fonts/soehne-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sohne";
    src: url("/static/fonts/soehne-medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sohne";
    src: url("/static/fonts/soehne-bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sohne Breit";
    src: url("/static/fonts/soehne-breit-medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sohne Breit";
    src: url("/static/fonts/soehne-breit-bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Editorial New";
    src: url("/static/fonts/PPEditorialNew-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Editorial New";
    src: url("/static/fonts/PPEditorialNew-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sohne Mono";
    src: url("/static/fonts/soehne-mono-regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ------------------------------------------------------------------ */
/* Brand colour tokens                                                  */
/* ------------------------------------------------------------------ */

:root {
    /* Primary */
    --kiwi-green:       #97FF29;
    --kiwi-gold:        #FFD110;
    --kiwi-dark-black:  #0A0A0A;
    --kiwi-white:       #FFFFFF;

    /* Secondary */
    --kiwi-dark-green:  #154F32;
    --kiwi-dark-gold:   #C45800;

    /* Font stacks */
    --font-ui:       "Sohne", system-ui, sans-serif;
    --font-headline: "Sohne Breit", "Sohne", system-ui, sans-serif;
    --font-accent:   "Editorial New", Georgia, serif;
    --font-mono:     "Sohne Mono", ui-monospace, monospace;

    /* Surface palette */
    --lt-bg:        #F4F6F4;
    --lt-surface:   #FFFFFF;
    --lt-elevated:  #EDF1EE;
    --lt-border:    #D1DDD5;
    --lt-text:      #0A0A0A;
    --lt-muted:     #5A6B62;
    --lt-link:      #154F32;
}

/* ------------------------------------------------------------------ */
/* Typography                                                           */
/* ------------------------------------------------------------------ */

body,
input,
select,
textarea,
button {
    font-family: var(--font-ui);
}

/* ------------------------------------------------------------------ */
/* Page background                                                      */
/* ------------------------------------------------------------------ */

body {
    background-color: var(--lt-bg);
}

/* ------------------------------------------------------------------ */
/* Module / card section headers                                        */
/* ------------------------------------------------------------------ */

.module > h2,
.module > caption,
fieldset.module > h2 {
    background: var(--kiwi-dark-green);
    color: #ffffff;
}

/* ------------------------------------------------------------------ */
/* Alert messages                                                       */
/* ------------------------------------------------------------------ */

ul.messagelist li.success {
    background-color: #D4EDDA;
    border-color: var(--kiwi-dark-green);
    color: var(--lt-text);
}

ul.messagelist li.error {
    background-color: #FFCDD2;
    border-color: #C62828;
    color: #7f0000;
}

ul.messagelist li.warning {
    background-color: #FFF9C4;
    border-color: #F57F17;
    color: var(--lt-text);
}

/* ------------------------------------------------------------------ */
/* Help text                                                            */
/* ------------------------------------------------------------------ */

.help {
    color: var(--lt-muted);
}