/* Semantic aliases (shadcn-compatible names). Light is the marketing/document surface;
   .dark is the product surface and the brand's primary environment. */
:root{
  --background:var(--af-n-000);
  --foreground:var(--af-text);
  --card:var(--af-n-050);
  --card-foreground:var(--af-text);
  --popover:var(--af-n-000);
  --popover-foreground:var(--af-text);

  --primary:var(--af-orange);
  --primary-foreground:var(--af-white);
  --secondary:var(--af-slate);
  --secondary-foreground:var(--af-orange);

  --muted:var(--af-n-100);
  --muted-foreground:var(--af-n-500);
  --accent:var(--af-orange-050);
  --accent-foreground:#7A2B00;

  --border:var(--af-n-300);
  --input:var(--af-n-300);
  --ring:var(--af-orange);

  --destructive:var(--af-danger);
  --destructive-foreground:var(--af-white);
  --success:var(--af-success);
  --warning:var(--af-warning);
  --info:var(--af-info);

  --sidebar:var(--af-n-050);
  --sidebar-foreground:#26272B;
  --sidebar-primary:var(--af-orange);
  --sidebar-primary-foreground:var(--af-white);
  --sidebar-accent:var(--af-orange-050);
  --sidebar-accent-foreground:#7A2B00;
  --sidebar-border:var(--af-n-200);
  --sidebar-ring:var(--af-orange);

  --chart-1:var(--af-orange);
  --chart-2:#B34000;
  --chart-3:var(--af-slate);
  --chart-4:#FF9A5C;
  --chart-5:#FFD0B3;
}
.dark{
  --background:var(--af-bg);
  --foreground:#F7F8FA;
  --card:var(--af-surface);
  --card-foreground:#F7F8FA;
  --popover:#12151C;
  --popover-foreground:#F7F8FA;

  --primary:var(--af-orange);
  --primary-foreground:var(--af-white);
  --secondary:#1F2430;
  --secondary-foreground:var(--af-orange);

  --muted:#1B1F27;
  --muted-foreground:#9AA1AC;
  --accent:#2A1408;
  --accent-foreground:#FF8A47;

  --border:var(--af-border-dark);
  --input:#2A2F3A;
  --ring:var(--af-orange);

  --destructive:var(--af-danger);
  --destructive-foreground:var(--af-white);

  --sidebar:#0B0E13;
  --sidebar-foreground:#C9CFD9;
  --sidebar-primary:var(--af-orange);
  --sidebar-primary-foreground:var(--af-white);
  --sidebar-accent:#1B1F27;
  --sidebar-accent-foreground:var(--af-orange);
  --sidebar-border:#1F242E;
  --sidebar-ring:var(--af-orange);

  --chart-1:var(--af-orange);
  --chart-2:#FF9A5C;
  --chart-3:#E6EBEC;
  --chart-4:#B34000;
  --chart-5:#6B7280;
}