/* Quindi.Notepad design tokens — dark chrome, green accent, white canvas (Excalidraw native). */
:root {
    /* Brand */
    --quindi-green:       #00D68F;
    --quindi-green-hover: #00B879;
    --quindi-green-soft:  rgba(0, 214, 143, 0.14);
    --quindi-amber:       #FFB020;
    --quindi-amber-soft:  rgba(255, 176, 32, 0.14);
    --quindi-red:         #E5484D;

    /* Chrome (dark) */
    --quindi-bg:          #0A0A0A;          /* page bg */
    --quindi-surface:     #141414;          /* panels */
    --quindi-surface-2:   #1C1C1C;          /* hover surfaces */
    --quindi-text:        #F4F6F9;
    --quindi-text-soft:   #8B95A5;
    --quindi-border:      rgba(255, 255, 255, 0.08);
    --quindi-border-soft: rgba(255, 255, 255, 0.04);

    /* Excalidraw canvas (immutable white) */
    --canvas-bg:          #FFFFFF;

    /* Semantic — favour these in new code */
    --accent:             var(--quindi-green);
    --accent-hover:       var(--quindi-green-hover);
    --accent-soft:        var(--quindi-green-soft);
    --scrim:              rgba(0, 0, 0, 0.6);

    /* /shared section — aliases of brand accent, isolated so the page can be re-tinted
       without chasing hardcoded values across app.css. */
    --share-accent:        var(--accent);
    --share-accent-soft:   var(--quindi-green-soft);
    --share-accent-strong: var(--accent-hover);

    /* Liquid Glass (still used by GlassPanel/Button — re-tinted for dark) */
    --glass-bg:           rgba(255, 255, 255, 0.04);
    --glass-bg-strong:    rgba(255, 255, 255, 0.07);
    --glass-bg-dark:      rgba(0, 0, 0, 0.55);
    --glass-border:       rgba(255, 255, 255, 0.08);
    --glass-border-dark:  rgba(0, 0, 0, 0.4);
    --glass-blur:         18px;
    --glass-saturate:     140%;
    --glass-shadow:       0 10px 32px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --glass-shadow-soft:  0 2px 12px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.03);

    /* Compatibility shims — old blue/navy refs keep working but resolve to neutral/green
       so we don't have to chase every hardcoded reference in v1. Removed in next iteration. */
    --quindi-navy:        #0A0A0A;
    --quindi-navy-soft:   #1C1C1C;
    --quindi-blue:        var(--quindi-green);
    --quindi-blue-soft:   var(--quindi-green-soft);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    --font-sans: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Text", system-ui, sans-serif;
    --font-hand: "Excalifont", "Virgil", "Cascadia Code", ui-monospace, monospace;
}

@font-face {
    font-family: "Excalifont";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../lib/excalidraw/fonts/Excalifont/Excalifont-Regular-a88b72a24fb54c9f94e3b5fdaa7481c9.woff2") format("woff2");
}

@font-face {
    font-family: "Virgil";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../lib/excalidraw/fonts/Virgil/Virgil-Regular.woff2") format("woff2");
}