/* 
label: Oxyfinz
value: oxyfinz
Brand Identity Guideline 2026 — Classic + Teal Interactive + Minimal

  Surfaces (Classic / Minimal):
    White cards, Light Grey page #F4F6F4, white sidebar — no mint wash
  Interactive (Teal):
    Primary buttons, rings, toggles → Brand Teal #398378
  Brand accents (Minimal):
    Active nav soft green wash + Brand Green text
    Charts → logo segments; Orange → highlight accents only
  Dark:
    Charcoal/black (logo board), not green-mud surfaces
*/

:root[data-theme-preset="oxyfinz"] {
  --radius: 0.625rem;

  /* 60% neutrals — Classic */
  --background: oklch(0.9711 0.0034 145.55); /* Light Grey #F4F6F4 */
  --foreground: oklch(0.3211 0 0); /* Dark Grey #333333 */
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.3211 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.3211 0 0);

  /* Digital UI interactive → Brand Teal */
  --primary: oklch(0.5599 0.0757 182.36); /* #398378 */
  --primary-foreground: oklch(1 0 0);

  --secondary: oklch(0.9412 0.0075 151.89); /* Mid Grey #E8EDE9 */
  --secondary-foreground: oklch(0.3211 0 0);

  --muted: oklch(0.9412 0.0075 151.89);
  --muted-foreground: oklch(0.4495 0 0); /* Text Grey #555555 */

  /* Soft Brand Orange highlight (decorative / large UI only) */
  --accent: oklch(0.97 0.025 70.67);
  --accent-foreground: oklch(0.4 0.08 70);

  --destructive: oklch(0.55 0.2 25);
  --border: oklch(0.922 0.008 151);
  --input: oklch(0.9412 0.0075 151.89);
  --ring: oklch(0.5599 0.0757 182.36); /* Teal focus */

  /* Logo segment chart palette */
  --chart-1: oklch(0.5738 0.1189 147.01); /* Brand Green #428B4D */
  --chart-2: oklch(0.7927 0.1710 70.67); /* Brand Orange #FFA500 */
  --chart-3: oklch(0.4462 0.1335 310.36); /* Purple #6B3A8A */
  --chart-4: oklch(0.4861 0.1295 257.78); /* Blue #2B5EA7 */
  --chart-5: oklch(0.4360 0.0854 147.53); /* Dark Green #2D5E35 */

  /* Sidebar — Minimal white shell */
  --sidebar: oklch(1 0 0);
  --sidebar-foreground: oklch(0.3211 0 0);
  --sidebar-primary: oklch(0.5738 0.1189 147.01); /* Brand Green wordmark accent */
  --sidebar-primary-foreground: oklch(1 0 0);
  /* Active nav — soft green wash + green text (not solid fill) */
  --sidebar-accent: oklch(0.95 0.035 147);
  --sidebar-accent-foreground: oklch(0.45 0.1 147); /* Brand Green family */
  --sidebar-border: oklch(0.922 0.008 151);
  --sidebar-ring: oklch(0.5599 0.0757 182.36);

  --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.25);
}

/* Dashboard card shells — clearer border + soft lift (Classic/Minimal) */
:root[data-theme-preset="oxyfinz"] [data-dashboard-card] {
  border-color: color-mix(in oklch, var(--border) 90%, var(--primary) 10%);
  box-shadow:
    0 1px 2px 0 hsl(182 25% 25% / 0.04),
    0 1px 3px 0 hsl(182 25% 25% / 0.06);
}

/* Total Value hero — teal left accent on the tile shell */
:root[data-theme-preset="oxyfinz"] [data-dashboard-card="total"] {
  border-left: 3px solid var(--primary);
  box-shadow:
    0 1px 2px 0 hsl(182 25% 25% / 0.05),
    0 2px 6px 0 hsl(182 25% 25% / 0.08);
}

.dark:root[data-theme-preset="oxyfinz"] {
  /* Charcoal board — not green mud */
  --background: oklch(0.18 0.005 150);
  --foreground: oklch(0.96 0 0);
  --card: oklch(0.23 0.008 150);
  --card-foreground: oklch(0.96 0 0);
  --popover: oklch(0.21 0.006 150);
  --popover-foreground: oklch(0.96 0 0);

  --primary: oklch(0.62 0.08 182); /* Brighter teal on dark */
  --primary-foreground: oklch(1 0 0);

  --secondary: oklch(0.28 0.01 150);
  --secondary-foreground: oklch(0.92 0 0);

  --muted: oklch(0.28 0.01 150);
  --muted-foreground: oklch(0.72 0 0); /* readable grey, not olive */

  --accent: oklch(0.32 0.06 70);
  --accent-foreground: oklch(0.95 0.03 70);

  --destructive: oklch(0.64 0.21 25.33);
  --border: oklch(1 0 0 / 12%);
  --input: oklch(1 0 0 / 14%);
  --ring: oklch(0.65 0.09 182);

  --chart-1: oklch(0.62 0.12 147);
  --chart-2: oklch(0.7927 0.1710 70.67);
  --chart-3: oklch(0.58 0.12 310);
  --chart-4: oklch(0.6 0.12 258);
  --chart-5: oklch(0.55 0.09 147);

  --sidebar: oklch(0.2 0.006 150);
  --sidebar-foreground: oklch(0.96 0 0);
  --sidebar-primary: oklch(0.62 0.12 147); /* Brand Green accent */
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.28 0.04 147);
  --sidebar-accent-foreground: oklch(0.85 0.08 147);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.65 0.09 182);

  --shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.25);
}

.dark:root[data-theme-preset="oxyfinz"] [data-dashboard-card] {
  border-color: color-mix(in oklch, var(--border) 80%, var(--primary) 20%);
  box-shadow:
    0 1px 2px 0 hsl(0 0% 0% / 0.25),
    0 1px 3px 0 hsl(0 0% 0% / 0.2);
}

.dark:root[data-theme-preset="oxyfinz"] [data-dashboard-card="total"] {
  border-left: 3px solid var(--primary);
}