/* ============================================================
   PROTIS 3D — Engineering Studio Theme
   Tipografija: Space Grotesk (display) + Inter (UI) + JetBrains Mono (skaičiai)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* === ŠVIESI TEMA (default) === */
:root {
    /* ---- Akcentai ---- */
    --primary:        #E85D2A;  /* vibrant orange — šilumos, vario, energijos */
    --primary-dark:   #C84E1F;
    --primary-light:  #F37A4A;
    --primary-soft:   rgba(232, 93, 42, 0.10);
    --primary-glow:   rgba(232, 93, 42, 0.25);

    --secondary:      #2563EB;  /* electric blue — technika */
    --secondary-dark: #1E4FCB;

    /* ---- Fonai ---- */
    --bg-dark:        #F4F4EF;  /* viewport, page background */
    --bg-panel:       #FFFFFF;  /* sidebar, toolbar, properties */
    --bg-card:        #FAFAF5;  /* korteliųs paviršiai */
    --bg-hover:       #ECECE6;  /* hover state'ai */
    --bg-input:       #F7F7F2;  /* input laukai */
    --bg-glass:       rgba(255, 255, 255, 0.78);

    /* ---- Tekstas ---- */
    --text:           #18181B;  /* near-black */
    --text-dim:       #71717A;  /* zinc-500 */
    --text-soft:      #A1A1AA;
    --text-bright:    #09090B;

    /* ---- Linijos / rėmeliai ---- */
    --border:         #E5E4DE;
    --border-light:   #D4D2C9;
    --border-strong:  #C4C1B8;

    /* ---- Semantinės spalvos ---- */
    --accent-green:   #16A34A;
    --accent-red:     #DC2626;
    --accent-yellow:  #EAB308;
    --accent-orange:  #F97316;
    --accent-cyan:    #06B6D4;

    /* ---- Layout matmenys ---- */
    --toolbar-h:      54px;
    --statusbar-h:    28px;
    --sidebar-w:      284px;
    --properties-w:   300px;

    /* ---- Radius skalė ---- */
    --r-xs:           4px;
    --r-sm:           6px;
    --r-base:         10px;
    --r-lg:           14px;
    --r-xl:           20px;
    --radius:         var(--r-base);  /* legacy */

    /* ---- Šriftai ---- */
    --font:           'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display:   'Space Grotesk', 'Inter', sans-serif;
    --font-mono:      'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;

    /* ---- Animacijos ---- */
    --t-fast:         120ms cubic-bezier(0.4, 0, 0.2, 1);
    --t-base:         200ms cubic-bezier(0.4, 0, 0.2, 1);
    --t-slow:         320ms cubic-bezier(0.4, 0, 0.2, 1);
    --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);

    /* ---- Šešėliai (subtilūs, layered) ---- */
    --shadow-xs:      0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-sm:      0 2px 4px rgba(15, 23, 42, 0.05);
    --shadow-md:      0 4px 12px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-lg:      0 12px 32px rgba(15, 23, 42, 0.10), 0 4px 8px rgba(15, 23, 42, 0.04);
    --shadow-xl:      0 24px 56px rgba(15, 23, 42, 0.14), 0 8px 16px rgba(15, 23, 42, 0.06);
    --shadow-inner:   inset 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow-glow:    0 0 0 4px var(--primary-glow);

    /* ---- 3D scena (JS skaito iš čia) ---- */
    --scene-bg:       #ECEAE0;
    --scene-fog:      #ECEAE0;
    --scene-grid-main:#B8B0A0;
    --scene-grid-sub: #D0C8B8;
}

/* === TAMSI TEMA — body.theme-dark === */
body.theme-dark {
    --primary:        #FF7A4A;
    --primary-dark:   #E85D2A;
    --primary-light:  #FF9970;
    --primary-soft:   rgba(255, 122, 74, 0.12);
    --primary-glow:   rgba(255, 122, 74, 0.30);

    --secondary:      #60A5FA;
    --secondary-dark: #3B82F6;

    --bg-dark:        #0A0A0B;
    --bg-panel:       #131316;
    --bg-card:        #1B1B20;
    --bg-hover:       #25252C;
    --bg-input:       #0F0F12;
    --bg-glass:       rgba(19, 19, 22, 0.78);

    --text:           #E4E4E7;
    --text-dim:       #A1A1AA;
    --text-soft:      #71717A;
    --text-bright:    #FAFAFA;

    --border:         #27272A;
    --border-light:   #3F3F46;
    --border-strong:  #52525B;

    --accent-green:   #22C55E;
    --accent-red:     #EF4444;
    --accent-yellow:  #FBBF24;
    --accent-orange:  #FB923C;
    --accent-cyan:    #22D3EE;

    --shadow-xs:      0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-sm:      0 2px 4px rgba(0, 0, 0, 0.5);
    --shadow-md:      0 4px 12px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-lg:      0 12px 32px rgba(0, 0, 0, 0.7), 0 4px 8px rgba(0, 0, 0, 0.4);
    --shadow-xl:      0 24px 56px rgba(0, 0, 0, 0.8), 0 8px 16px rgba(0, 0, 0, 0.5);
    --shadow-inner:   inset 0 1px 2px rgba(0, 0, 0, 0.4);

    --scene-bg:       #0E0E12;
    --scene-fog:      #0E0E12;
    --scene-grid-main:#33333D;
    --scene-grid-sub: #1F1F26;
}

/* === Bendri body bruožai === */
body {
    font-feature-settings: 'cv11' 1, 'ss01' 1, 'ss03' 1;
    letter-spacing: -0.005em;
}

/* Selection */
::selection {
    background: var(--primary-soft);
    color: var(--primary-dark);
}

/* === ACCENT PALETTES === */
/* Pasirinkimas keičia --primary šeimą — body papuošiamas data-accent atributu. */
body[data-accent="blue"] {
    --primary:        #2563EB;
    --primary-dark:   #1E40AF;
    --primary-light:  #60A5FA;
    --primary-soft:   rgba(37, 99, 235, 0.10);
    --primary-glow:   rgba(37, 99, 235, 0.25);
}
body[data-accent="green"] {
    --primary:        #16A34A;
    --primary-dark:   #15803D;
    --primary-light:  #4ADE80;
    --primary-soft:   rgba(22, 163, 74, 0.10);
    --primary-glow:   rgba(22, 163, 74, 0.25);
}
body[data-accent="violet"] {
    --primary:        #8B5CF6;
    --primary-dark:   #6D28D9;
    --primary-light:  #A78BFA;
    --primary-soft:   rgba(139, 92, 246, 0.10);
    --primary-glow:   rgba(139, 92, 246, 0.25);
}
body[data-accent="rose"] {
    --primary:        #E11D48;
    --primary-dark:   #BE123C;
    --primary-light:  #FB7185;
    --primary-soft:   rgba(225, 29, 72, 0.10);
    --primary-glow:   rgba(225, 29, 72, 0.25);
}