/* VideoDoc — tokens de marca (landing) e variáveis do app */

:root {
    --brand-green: #186D56;
    --brand-green-light: #1A9E78;
    --brand-green-pale: #e8f5f0;
    --brand-dark: #0a1a14;
    --brand-dark-2: #0f2219;
    --brand-dark-3: #152c22;

    --primary-color: #186D56;
    --primary-hover: #1A9E78;
    --secondary-color: #4a6b5c;
    --secondary-hover: #3d5a4d;
    --success-color: #10b981;
    --success-light: #d1fae5;
    --success-dark: #065f46;
    --success-border: #a7f3d0;
    --warning-color: #f59e0b;
    --warning-light: #fff3cd;
    --warning-dark: #856404;
    --danger-color: #ef4444;
    --danger-light: #fef2f2;
    --danger-dark: #991b1b;
    --danger-border: #fecaca;
    --info-color: #0d9488;
    --info-light: #ccfbf1;
    --info-dark: #115e59;
    --info-border: #99f6e4;
    --text-primary: #1a2e25;
    --text-secondary: #2d4a3a;
    --text-muted: #6b8f7a;
    --background-color: #f5fbf8;
    --background-secondary: #ffffff;
    --card-background: #ffffff;
    --border-color: #d4ece2;
    --border-secondary: #b8dcc8;
    --shadow-color: rgba(24, 109, 86, 0.08);
    --gradient-start: #0f2219;
    --gradient-end: #186D56;
    --shadow-sm: 0 2px 8px rgba(24, 109, 86, 0.08);
    --shadow-md: 0 8px 24px rgba(24, 109, 86, 0.12);
    --shadow-lg: 0 16px 48px rgba(24, 109, 86, 0.16);
    --radius: 10px;
    --transition: all 0.2s ease-in-out;
}

[data-theme="escuro"] {
    --primary-color: #1A9E78;
    --primary-hover: #186D56;
    --secondary-color: #8aab9c;
    --secondary-hover: #6b8f7a;
    --success-color: #34d399;
    --success-light: #064e3b;
    --success-dark: #a7f3d0;
    --success-border: #065f46;
    --warning-color: #fbbf24;
    --warning-light: #451a03;
    --warning-dark: #fde68a;
    --danger-color: #f87171;
    --danger-light: #450a0a;
    --danger-dark: #fecaca;
    --danger-border: #7f1d1d;
    --info-color: #2dd4bf;
    --info-light: #134e4a;
    --info-dark: #99f6e4;
    --info-border: #115e59;
    --text-primary: #e2ede8;
    --text-secondary: #8aab9c;
    --text-muted: #6b8f7a;
    --background-color: #0a1a14;
    --background-secondary: #0f2219;
    --card-background: #152c22;
    --border-color: #1f3d30;
    --border-secondary: #2a5240;
    --shadow-color: rgba(0, 0, 0, 0.35);
    --gradient-start: #0a1a14;
    --gradient-end: #186D56;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.25);
    --shadow-md: 0 4px 12px -1px rgb(0 0 0 / 0.35);
    --shadow-lg: 0 12px 32px -4px rgb(0 0 0 / 0.4);
}