/**
 * Arquivo: base.css
 * Caminho: /gestao/public/assets/css/base.css
 */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
 :root {
    --bg: #f4f6f8;
    --panel: #ffffff;
    --panel-soft: #f8fafc;
    --border: #e5e7eb;
    --text: #0f172a;
    --muted: #6b7280;

    --primary: #ff7a12;
    --primary-dark: #ea6500;

    --brand-green: #116e65;
    --brand-green-dark: #0e5f57;
    --brand-orange: #ff7a12;
    --brand-orange-dark: #ea6500;

    --dark: #111827;
    --dark-soft: #1f2937;

    --success-bg: #dcfce7;
    --success-text: #166534;
    --error-bg: #fee2e2;
    --error-text: #991b1b;
    --warning-bg: #fef3c7;
    --warning-text: #92400e;
    --shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    --radius: 16px;
}

html, body {
    min-height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.45;
}



a {
    color: var(--primary);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

button,
input,
textarea,
select {
    font: inherit;
    border: 1px solid var(--border);
    border-radius: 10px;
}

input,
textarea,
select {
    width: 100%;
    padding: 10px 12px;
    background: #fff;
}

textarea {
    min-height: 90px;
    resize: vertical;
}

button {
    cursor: pointer;
}

img {
    max-width: 100%;
    display: block;
}