/*
 * De ce exista:
 * Acest fisier defineste baza vizuala comuna pentru frontendul V2.
 *
 * Responsabilitate:
 * Ofera token-urile, reset-ul usor si fundatia brandului ZIAZI pentru toate
 * ecranele din Lot 1.
 *
 * Ce NU face:
 * Nu contine stiluri specifice unui ecran si nu descrie reguli de business.
 *
 * Depinde de:
 * Brandul ZIAZI si layout-ul Blade V2.
 */

:root {
    --z-green: #16a34a;
    --z-green-dark: #15803d;
    --z-ink: #111827;
    --z-bg: #f9fafb;
    --z-sun: #f59e0b;
    --z-line: #e5e7eb;
    --z-soft: #6b7280;
    --z-white: #ffffff;
    --z-danger: #dc2626;
    --z-shadow: 0 8px 24px rgba(17, 24, 39, 0.06);
    --z-shadow-soft: 0 2px 10px rgba(17, 24, 39, 0.04);
    --z-radius-xl: 24px;
    --z-radius-lg: 20px;
    --z-radius-md: 16px;
    --z-radius-sm: 12px;
    --z-space-1: 4px;
    --z-space-2: 8px;
    --z-space-3: 12px;
    --z-space-4: 16px;
    --z-space-5: 20px;
    --z-space-6: 24px;
    --z-space-7: 32px;
    --z-safe-bottom: env(safe-area-inset-bottom, 0px);
}

* {
    box-sizing: border-box;
}

html {
    background: var(--z-bg);
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    overflow-x: hidden;
}

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(22, 163, 74, 0.1), transparent 24%),
        linear-gradient(180deg, #f7fbf7 0%, #f9fafb 18%, #f9fafb 100%);
    color: var(--z-ink);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    line-height: 1.5;
}

button,
input,
select,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

img,
svg {
    max-width: 100%;
}

.v2-hidden {
    display: none !important;
}