/*
    VINTUSHTECH EDITORIAL MONOCHROME DESIGN SYSTEM
    Precision Light Architecture (True Black #000, Pure White #FFF, Crisp Semantic Grays)
*/

/* Hide scrollbar globally */
::-webkit-scrollbar {
    display: none;
}

* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Light Theme Design Tokens — Single Canonical Source of Truth */
:root {
    --canvas-bg: #ffffff;
    --surface-subtle: #fafafa;
    --surface-card: #ffffff;
    --surface-card-hover: #f4f4f5;
    --border-subtle: #e4e4e7;
    --border-focus: #000000;
    --text-headline: #000000;
    --text-body: #27272a;
    --text-muted: #71717a;
    --text-faint: #a1a1aa;
    --button-primary-bg: #000000;
    --button-primary-text: #ffffff;
    --button-secondary-bg: transparent;
    --button-secondary-border: #e4e4e7;
    --tag-bg: #f4f4f5;
    --tag-text: #18181b;

    /* Architectural token mappings */
    --bg-primary: #ffffff;
    --bg-secondary: #fafafa;
    --bg-tertiary: #f4f4f5;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --text-primary: #000000;
    --text-secondary: #27272a;
    --border-color: #e4e4e7;
    --border-light: rgba(0, 0, 0, 0.06);
    --accent: #000000;
    --accent-hover: #18181b;
    --overlay-bg: rgba(0, 0, 0, 0.04);
    --shadow: rgba(0, 0, 0, 0.06);
}

/* Global Base Styling */
html, body {
    background-color: var(--canvas-bg, #ffffff);
    color: var(--text-headline, #000000);
}