/* Loopshore brand fonts, colours and corner radii, shared by the portal, HTML docs, video
   library and static listing. Values follow the brandbook
   (internal/loopshore_brandbook/fi.md, chapters 2-5). */

@font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; src: url("fonts/Poppins-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Poppins"; font-weight: 400; font-style: italic; src: url("fonts/Poppins-Italic.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; src: url("fonts/Poppins-Medium.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; src: url("fonts/Poppins-SemiBold.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; src: url("fonts/Poppins-Bold.ttf") format("truetype"); font-display: swap; }

:root {
    --brand-black: #071922;
    --brand-green: #3AE287;
    --text-green: #1F7847;
    --text-secondary: rgb(7 25 34 / 0.6);
    --rule: rgb(7 25 34 / 0.12);
    --surface: #F4F4F4;
    --on-dark-secondary: rgb(255 255 255 / 0.6);
    --status-warn: #FFB800;
    --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-mono: ui-monospace, "SF Mono", Consolas, Menlo, monospace;
    --radius-control: 6px;  /* buttons, chips, status tags */
    --radius-input: 4px;    /* text fields, selects */
    --radius-surface: 16px; /* cards, dialogs, highlights */
}