:root {
    /* Common */
    --app-color-surface-0: #ffffff;
    --app-color-surface-50: #f8fafc;
    --app-color-surface-100: #f1f5f9;
    --app-color-surface-200: #e2e8f0;
    --app-color-surface-300: #cbd5e1;
    --app-color-surface-400: #94a3b8;
    --app-color-surface-500: #64748b;
    --app-color-surface-600: #475569;
    --app-color-surface-700: #334155;
    --app-color-surface-800: #1e293b;
    --app-color-surface-900: #0f172a;
    --app-color-surface-950: #020617;
    --app-color-black: #000;
    --app-color-white: #fff;
    --app-color-success: #acc034;
    --app-color-primary: #f68b1c;

    --app-color-text-1: #222;
    --app-color-text-2: #777;

    --app-font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

    /* Tabs */
    --app-tabs-background: var(--app-color-surface-0);
    --app-tabs-border-color: var(--app-color-surface-200);
    --app-tabs-border-width: 0;
    --app-tabs-gap: 25px;
}