﻿/*
    Theme: "classic" � the original warm Curry Diary look.
    Every rule is scoped under [data-theme="classic"] so themes stay fully
    isolated from one another and can be added/removed independently.
*/
[data-theme="classic"] {
    --theme-font-family: 'Comic Sans MS', 'Comic Sans', 'Segoe Print', 'Chalkboard SE', cursive, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --theme-body-bg-color: #fff8e1;
    --theme-body-bg-image: none;
    --theme-body-bg-size: auto;
    --theme-text-color: #5a3200;
    --theme-link-color: #cc5500;
    --theme-heading-shadow: none;
    --theme-heading-weight: bold;

    --theme-btn-primary-color: #fff;
    --theme-btn-primary-bg: #ff9800;
    --theme-btn-primary-border: 1px solid #e08e00;
    --theme-btn-primary-radius: 12px;
    --theme-btn-primary-shadow: none;
    --theme-btn-primary-hover-bg: #fb8c00;
    --theme-btn-primary-active-transform: none;

    --theme-page-bg-color: #fff8e1;
    --theme-page-bg-image: repeating-linear-gradient(#fff8e1 0 2.2rem, #ffe9b3 2.2rem 2.25rem);

    --theme-sidebar-bg: linear-gradient(180deg, #e08e00 0%, #b35900 70%);
    --theme-sidebar-border: none;

    --theme-topbar-bg: #ffd166;
    --theme-topbar-border: 3px dashed #cc7a00;
    --theme-topbar-shadow: none;
    --theme-topbar-text-color: #7a3e00;
    --theme-topbar-text-shadow: none;

    --theme-navbrand-color: #fff8e1;
    --theme-navbrand-shadow: none;
    --theme-navbrand-icon: "🍛 ";

    --theme-nav-link-color: #d7d7d7;
    --theme-nav-link-bg: transparent;
    --theme-nav-link-border: none;
    --theme-nav-link-radius: 4px;
    --theme-nav-link-shadow: none;
    --theme-nav-link-hover-bg: rgba(255,255,255,0.15);
    --theme-nav-link-hover-color: #fff;
    --theme-nav-link-active-bg: rgba(255,255,255,0.37);
    --theme-nav-link-active-color: #fff;

    --theme-os-window-border: none;
    --theme-os-window-shadow: 0 2px 8px rgba(0,0,0,0.15);
    --theme-os-window-radius: 12px;
    --theme-os-window-titlebar-bg: #ffb74d;
    --theme-os-window-titlebar-color: #5a3200;
    --theme-os-window-titlebar-shadow: none;
    --theme-os-window-content-bg: #fffdf7;
    --theme-os-window-control-display: none;

    --theme-decorative-display: flex;
}

[data-theme="classic"] input {
    background-color: rgba(255, 255, 255, 0.9);
}
