/*
 * AUTOVERTEX360 PROPRIETARY SOURCE HEADER
 * Copyright (c) 2026 VertexRealitySystems Pvt. Ltd. All rights reserved.
 * Code creator: Don Chungath Jacob / Co-Founder
 * Created: 2026-09-13
 * Purpose: Defines pre-paint semantic colour tokens for the Expo web application.
 */

:root {
  --av-color-ink: #0F172A;
  --av-color-slate: #334155;
  --av-color-muted: #64748B;
  --av-color-faint: #64748B;
  --av-color-border: #D4DEE9;
  --av-color-interactive-border: #AFC4DF;
  --av-color-interactive-surface: #F7FAFF;
  --av-color-canvas: #F7F9FC;
  --av-color-canvas-muted: #F0F4F8;
  --av-color-surface: #FFFFFF;
  --av-color-orange: #F15A24;
  --av-color-orange-dark: #C94311;
  --av-color-action: #C94311;
  --av-color-action-pressed: #A9360E;
  --av-color-orange-soft: #FFF0E8;
  --av-color-orange-glow: rgba(241, 90, 36, 0.20);
  --av-color-navy: #0F1F3D;
  --av-color-navy-soft: #EAF0FA;
  --av-color-info: #1D4ED8;
  --av-color-info-soft: #EFF6FF;
  --av-color-info-border: #93C5FD;
  --av-color-green: #15803D;
  --av-color-green-soft: #ECFDF3;
  --av-color-red: #B91C1C;
  --av-color-yellow: #F59E0B;
  --av-color-on-action: #FFFFFF;
  --av-color-on-navy: #FFFFFF;
  --av-color-on-navy-muted: #CAD5E6;
  --av-color-strong: #0F1F3D;
  --av-color-strong-raised: #16294E;
  --av-color-on-strong: #FFFFFF;
  --av-color-on-strong-muted: #D7E0ED;
  --av-color-surface-raised: #FFFFFF;
  --av-color-focus-ring: #C94311;
  --av-color-scrim: rgba(15, 23, 42, 0.52);
  --av-color-success-surface: #ECFDF3;
  --av-color-success-border: #86D7A5;
  --av-color-warning-surface: #FFF7E6;
  --av-color-warning-border: #F1C66D;
  --av-color-danger-surface: #FEF2F2;
  --av-color-danger-border: #F5A6A6;
  --av-color-shadow: #0F172A;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --av-color-ink: #F2F6FC;
  --av-color-slate: #D2DCEB;
  --av-color-muted: #AFC0D5;
  --av-color-faint: #AFC0D5;
  --av-color-border: #5B718A;
  --av-color-interactive-border: #5D748E;
  --av-color-interactive-surface: #172A40;
  --av-color-canvas: #0B1420;
  --av-color-canvas-muted: #0F1B2A;
  --av-color-surface: #132235;
  --av-color-orange: #FF956B;
  --av-color-orange-dark: #FFB094;
  --av-color-action: #FF956B;
  --av-color-action-pressed: #FFC0A6;
  --av-color-orange-soft: #3A2118;
  --av-color-orange-glow: rgba(255, 149, 107, 0.28);
  --av-color-navy: #DCEBFF;
  --av-color-navy-soft: #172A42;
  --av-color-info: #93C5FD;
  --av-color-info-soft: #102845;
  --av-color-info-border: #4E8FD8;
  --av-color-green: #72E59B;
  --av-color-green-soft: #102C20;
  --av-color-red: #FDA4AF;
  --av-color-yellow: #FCD34D;
  --av-color-on-action: #132235;
  --av-color-on-navy: #0B1420;
  --av-color-on-navy-muted: #334155;
  --av-color-strong: #0D1A2C;
  --av-color-strong-raised: #152742;
  --av-color-on-strong: #FFFFFF;
  --av-color-on-strong-muted: #D7E0ED;
  --av-color-surface-raised: #1B2D45;
  --av-color-focus-ring: #FFB094;
  --av-color-scrim: rgba(0, 0, 0, 0.70);
  --av-color-success-surface: #102C20;
  --av-color-success-border: #3A9760;
  --av-color-warning-surface: #35270E;
  --av-color-warning-border: #B27A1B;
  --av-color-danger-surface: #35171D;
  --av-color-danger-border: #B85D69;
  --av-color-shadow: #000000;
  color-scheme: dark;
}

html,
body,
#root,
.av-main {
  min-height: 100%;
  background: var(--av-color-canvas);
  color: var(--av-color-ink);
}