/*
 * user.css
 * InteractiveHtmlBom 2.12.0
 * KiCad 10.0.6 - KiCad Default
 *
 * IMPORTANT:
 * The KiCad PCB colour theme and KiCad application's Light/Dark UI theme
 * are two different things. KiCad Default uses the same PCB layer colours
 * in both UI modes; Dark mode changes the surrounding application UI.
 *
 * KiCad 10 PCB colours are taken from KiCad's built-in "KiCad Default"
 * theme. InteractiveHtmlBom 2.12.0 only exposes one global pad/track/zone
 * colour, so F.Cu is used for the copper representation.
 *
 * Source:
 * https://gitlab.com/kicad/code/kicad/-/blob/10.0.6/common/settings/builtin_color_themes.h
 */

/* ========================================================================
   KiCad Default PCB colours
   ======================================================================== */

:root {
    /* PCB canvas */
    --pcb-edge-color: #D0D2CD;          /* Edge.Cuts 208,210,205 */

    /* Pads / holes
       InteractiveHtmlBom has no separate F.Cu/B.Cu pad variables.
       F.Cu is KiCad Default red: 200,52,52. */
    --pad-color: #C83434;               /* F.Cu */
    --pad-hole-color: #ECECEC;           /* VIA_THROUGH / hole-like light grey */

    /* Highlight / selection */
    --pad-color-highlight: #D75B6B;     /* KiCad DRC error red */
    --pad-color-highlight-both: #FFD042; /* KiCad DRC warning yellow */
    --pad-color-highlight-marked: #04FF43;/* KiCad selection green */

    --pin1-outline-color: #FF26E2;      /* KiCad anchor / points */
    --pin1-outline-color-highlight: #FFD042;
    --pin1-outline-color-highlight-both: #FF26E2;
    --pin1-outline-color-highlight-marked: #04FF43;

    /* Silkscreen
       InteractiveHtmlBom displays the selected side's silkscreen using
       one variable, therefore F.SilkS is used as the primary colour. */
    --silkscreen-edge-color: #ECE583;   /* F.SilkS */
    --silkscreen-polygon-color: #ECE583;
    --silkscreen-text-color: #096EF1;
    /* Fabrication */
    --fabrication-edge-color: #AFAFAF;  /* F.Fab */
    --fabrication-polygon-color: #AFAFAF;
    --fabrication-text-color: #AFAFAF;

    /* Copper tracks / zones
       InteractiveHtmlBom has one global track/zone colour. */
    --track-color: #C83434;              /* F.Cu */
    --track-color-highlight: #D75B6B;
    --zone-color: rgba(200,52,52,0.35);
    --zone-color-highlight: rgba(215,91,107,0.50);
}


/* ========================================================================
   KI-CAD 10 LIGHT UI
   These values correspond to KiCad's HTML/UI default palette.
   ======================================================================== */

.topmostdiv {
    background-color: #FFFFFF;
    color: #1F2328;
}

body {
    background-color: #FFFFFF;
    color: #1F2328;
}

.fileinfo,
.fileinfo .title {
    color: #1F2328;
}

/* BOM table */
.bom {
    color: #1F2328;
}

.bom th,
.bom td {
    border-color: #E0E0E0;
}

.bom th {
    background-color: #F3F3F3;
}

.bom tr:nth-child(even) {
    background-color: #F3F3F3;
}

.bom tr.highlighted:nth-child(n) {
    background-color: rgba(26,129,196,0.08);
}

.bom tr.checked {
    color: #1CB53D;
}

/* Splitter */
.gutter {
    background-color: #E0E0E0;
}

/* Search */
.searchbox {
    background-color: #F3F3F3;
    color: #1F2328;
    border-color: #E0E0E0;
}

.searchbox::placeholder {
    color: #545454;
}

input[type=text]:focus {
    background-color: #FFFFFF;
    border-color: #1A81C4;
}

mark.highlight {
    background-color: #1A81C4;
    color: #FFFFFF;
}

/* Buttons */
button {
    background-color: #F3F3F3;
    border-color: #C7C7C7;
    color: #1F2328;
}

button:hover {
    background-color: #E8E8E8;
}

button.depressed {
    background-color: #1A81C4;
    color: #FFFFFF;
}

.savebtn {
    background-color: #D6D6D6;
}

.savebtn:active {
    background-color: #1A81C4;
    color: #FFFFFF;
}

/* Menus */
.menu-content {
    background-color: #FFFFFF;
    color: #1F2328;
    border-color: #E0E0E0;
}

.menu-label {
    border-color: #E0E0E0;
}

.menu-textbox {
    background-color: #F3F3F3;
    color: #1F2328;
}

/* Top divider */
#topdivider {
    border-bottom-color: #E0E0E0;
}

#toptoggle {
    border-color: #1F2328;
    background-color: #FFFFFF;
}


/* ========================================================================
   KI-CAD 10 DARK MODE
   IMPORTANT: InteractiveHtmlBom 2.12.0 uses ".dark", not a generic
   "dark mode" selector. The board canvas itself remains KiCad's
   #001023 PCB background; only the HTML/UI changes here.
   ======================================================================== */

.dark.topmostdiv {
    /* KiCad PCB canvas background -- unchanged by application UI mode */
    background-color: #001023;
    color: #DED3DD;

    /*
     * Keep KiCad Default PCB colours identical in Dark mode.
     * KiCad's PCB colour theme is independent of the UI theme.
     */
    --pcb-edge-color: #D0D2CD;

    --pad-color: #C83434;
    --pad-hole-color: #ECECEC;

    --pad-color-highlight: #D75B6B;
    --pad-color-highlight-both: #FFD042;
    --pad-color-highlight-marked: #04FF43;

    --pin1-outline-color: #FF26E2;
    --pin1-outline-color-highlight: #FFD042;
    --pin1-outline-color-highlight-both: #FF26E2;
    --pin1-outline-color-highlight-marked: #04FF43;

    --silkscreen-edge-color: #F2EDA1;
    --silkscreen-polygon-color: #F2EDA1;
    --silkscreen-text-color: #F2EDA1;

    --fabrication-edge-color: #AFAFAF;
    --fabrication-polygon-color: #AFAFAF;
    --fabrication-text-color: #AFAFAF;

    --track-color: #C83434;
    --track-color-highlight: #D75B6B;
    --zone-color: rgba(200,52,52,0.35);
    --zone-color-highlight: rgba(215,91,107,0.50);
}

.dark body {
    background-color: #1E1E1E;
    color: #DED3DD;
}

.dark .fileinfo,
.dark .fileinfo .title,
.dark .bom {
    color: #DED3DD;
}

/* BOM -- KiCad 10 dark UI palette */
.dark .bom th,
.dark .bom td {
    border-color: #404040;
}

.dark .bom th {
    background-color: #2D2D2D;
}

.dark .bom tr:nth-child(even) {
    background-color: #2D2D2D;
}

.dark .bom tr.highlighted:nth-child(n) {
    background-color: rgba(66,184,235,0.10);
}

.dark .bom tr.checked {
    color: #2CDE54;
}

/* Splitter */
.dark .gutter {
    background-color: #404040;
}

/* Search */
.dark .searchbox {
    background-color: #1E1E1E;
    color: #DED3DD;
    border-color: #404040;
}

.dark .searchbox::placeholder {
    color: #848484;
}

.dark input[type=text]:focus {
    background-color: #333333;
    color: #DED3DD;
    border-color: #42B8EB;
}

.dark mark.highlight {
    background-color: #42B8EB;
    color: #1E1E1E;
}

/* Buttons */
.dark button {
    background-color: #2D2D2D;
    border-color: #404040;
    color: #DED3DD;
}

.dark button:hover {
    background-color: #333333;
}

.dark button.depressed {
    background-color: #42B8EB;
    color: #1E1E1E;
}

.dark .savebtn {
    background-color: #2D2D2D;
    color: #DED3DD;
}

.dark .savebtn:active {
    background-color: #42B8EB;
    color: #1E1E1E;
}

/* Menus */
.dark .menu-content {
    background-color: #1E1E1E;
    color: #DED3DD;
    border-color: #404040;
}

.dark .menu-label {
    border-color: #404040;
}

.dark .menu-textbox {
    background-color: #222222;
    color: #DED3DD;
    border-color: #404040;
}

/* Top divider */
.dark #topdivider {
    border-bottom-color: #404040;
}

.dark #toptoggle {
    border-color: #FFFFFF;
    background-color: #222222;
    color: #DED3DD;
}


/* ========================================================================
   Statistics
   ======================================================================== */

.stats td {
    border-color: #E0E0E0;
}

.dark .stats td {
    border-color: #404040;
}

#checkbox-stats .bar {
    background-color: rgba(28,181,61,0.60);
}


/* ========================================================================
   Scrollbar -- KiCad-like neutral dark/light treatment
   ======================================================================== */

::-webkit-scrollbar-track {
    background: #E0E0E0;
}

::-webkit-scrollbar-thumb {
    background: #888888;
}

::-webkit-scrollbar-thumb:hover {
    background: #707070;
}

.dark ::-webkit-scrollbar-track {
    background: #2D2D2D;
}

.dark ::-webkit-scrollbar-thumb {
    background: #545454;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #707070;
}


/* ========================================================================
   NOTE ABOUT F.Cu / B.Cu
   ========================================================================

   KiCad Default:
       F.Cu     = #C83434
       B.Cu     = #4D7FC4
       F.SilkS  = #F2EDA1
       B.SilkS  = #E8B2A7
       F.Fab    = #AFAFAF
       B.Fab    = #585D84
       EdgeCuts = #D0D2CD
       PCB BG   = #001023

   InteractiveHtmlBom 2.12.0 does not expose separate CSS variables for
   front/back pad, track and zone colours. The JavaScript renderer uses
   --pad-color and --track-color globally. Therefore those are set to the
   F.Cu colour rather than inventing a yellow/blue replacement.

   The actual KiCad values are from the built-in KiCad Default theme.
*/