/* Tiko admin — design tokens.
 * Extracted from android/app/src/main/java/live/tiko/app/ui/theme/
 * (Color.kt, Type.kt, Shape.kt, Spacing.kt, Elevation.kt).
 * Light theme only — no dark variant.
 */

:root {
    /* ── Brand ─────────────────────────────────────────────── */
    --tiko-primary:          #24D3AA;
    --tiko-primary-hover:    #1CB896;
    --tiko-primary-pressed:  #1BA383;
    --tiko-primary-subtle:   rgba(36, 211, 170, 0.12);
    --tiko-on-primary:       #FFFFFF;

    /* ── Surfaces ──────────────────────────────────────────── */
    --tiko-bg:               #F3F7F4;
    --tiko-surface:          #FCFDFC;
    --tiko-surface-2:        #E7EFEB;
    --tiko-surface-elevated: #FFFFFF;

    /* ── Text ──────────────────────────────────────────────── */
    --tiko-text:             #1F2A24;
    --tiko-text-secondary:   #4A564F;
    --tiko-text-tertiary:    #64726B;
    --tiko-text-placeholder: #7D8883;
    --tiko-text-disabled:    #9AA4A0;
    --tiko-text-on-brand:    #FFFFFF;

    /* ── Borders ───────────────────────────────────────────── */
    --tiko-border:           #D5DFD9;
    --tiko-border-subtle:    #E7EFEB;
    --tiko-border-strong:    #BDC7C2;
    --tiko-border-focus:     #24D3AA;

    /* ── Status (light) ────────────────────────────────────── */
    --tiko-error:            #D92727;
    --tiko-error-strong:     #B71C1C;
    --tiko-error-surface:    #FDECEC;
    --tiko-warning:          #FDAF17;
    --tiko-warning-surface:  #FFF6E0;
    --tiko-success:          #24D3AA;
    --tiko-success-surface:  #E6FAF3;
    --tiko-info:             #5060BA;
    --tiko-info-surface:     #E8EDF9;

    /* ── Admin-specific ────────────────────────────────────── */
    --tiko-admin-red:        #C62828;
    --tiko-admin-red-strong: #B71C1C;

    /* ── Sidebar (dark — sole exception to light-only) ─────── */
    --tiko-sidebar-bg:       #1F2A24;
    --tiko-sidebar-text:     #BDC7C2;
    --tiko-sidebar-label:    #7D8883;
    --tiko-sidebar-hover:    #303A34;
    --tiko-sidebar-active:   #2A3832;
    --tiko-sidebar-divider:  rgba(255, 255, 255, 0.06);

    /* ── Radii ─────────────────────────────────────────────── */
    --tiko-radius-xs:   6px;
    --tiko-radius-sm:   10px;
    --tiko-radius-md:   14px;
    --tiko-radius-lg:   20px;
    --tiko-radius-xl:   28px;
    --tiko-radius-pill: 999px;

    /* ── Spacing ───────────────────────────────────────────── */
    --tiko-space-1: 4px;
    --tiko-space-2: 8px;
    --tiko-space-3: 12px;
    --tiko-space-4: 16px;
    --tiko-space-5: 24px;
    --tiko-space-6: 32px;
    --tiko-space-7: 40px;
    --tiko-space-8: 48px;

    /* ── Elevation ─────────────────────────────────────────── */
    --tiko-elev-1: 0 1px 2px rgba(31, 42, 36, 0.04), 0 1px 1px rgba(31, 42, 36, 0.04);
    --tiko-elev-2: 0 4px 12px rgba(31, 42, 36, 0.06), 0 1px 3px rgba(31, 42, 36, 0.04);
    --tiko-elev-3: 0 10px 30px rgba(31, 42, 36, 0.08), 0 4px 10px rgba(31, 42, 36, 0.04);

    /* ── Typography ────────────────────────────────────────── */
    --tiko-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}