/* ==========================================================================
   ManoIP dizaino kintamieji (šviesi „redakcinė“ schema – gilesnis teal / slate)
   ========================================================================== */

:root {
    --color-bg: #eef2f6;
    --color-bg-subtle: #e8eef4;
    --color-surface: #ffffff;
    --color-text: #0f172a;
    --color-text-secondary: #334155;
    --color-muted: #64748b;
    --color-border: #e2e8f0;
    --color-border-strong: #cbd5e1;

    --color-accent: #0d9488;
    --color-accent-hover: #0f766e;
    --color-accent-muted: #ccfbf1;
    --color-link: #0f766e;
    --color-link-hover: #115e59;

    /* Antraštės / logotipas – gilesnis teal → smaragdas (be senojo violetinio) */
    --gradient-brand: linear-gradient(135deg, #0e7490 0%, #0f766e 52%, #0d9488 100%);

    --radius-card: 14px;
    --radius-sm: 8px;
    --radius-input: 10px;
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 8px 28px rgba(15, 23, 42, 0.07);
    --shadow-lg: 0 16px 48px rgba(15, 23, 42, 0.09);

    --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-heading: "Outfit", var(--font-sans);

    --transition-fast: 0.18s ease;

    /* Layout (header konteineris ir turinio plotis) */
    --layout-max-width: 1200px;
    --section-gap: 2rem;

    /* Lentelės */
    --table-cell-padding: 1rem 1.25rem;
    --table-header-bg: #f8fafc;
    --table-header-bg-strong: #f1f5f9;
    --table-text-header: #374151;
    --table-text-cell: #111827;
    --table-border-row: #f1f1f1;
    --table-border-header: #e5e7eb;
    --table-row-hover: #fafbff;
    --table-radius: var(--radius-sm);

    /* Formos / įvestys */
    --input-padding: 12px 16px;
    --input-font-size: 1rem;
    --input-border: 2px solid var(--color-border);
    --input-bg: var(--color-surface);
    --input-focus-border: var(--color-accent);
    --focus-ring: 0 0 0 3px rgba(13, 148, 136, 0.18);

    /* Antriniai mygtukai (neutralūs pilki) */
    --color-btn-secondary: #6b7280;
    --color-btn-secondary-hover: #4b5563;

    /* Kopijuoti / maži veiksmai (akcentas, ne mėlyna) */
    --color-copy-btn: var(--color-accent);
    --color-copy-btn-hover: var(--color-accent-hover);
}

body {
    font-family: var(--font-sans);
}

h1,
h2,
h3,
h4 {
    font-family: var(--font-heading);
}