/*
 * zero1code — token di marca.
 * Estratti da media/main.css (:root), desktop/scripts/make-icons.mjs, make-installer-brand.mjs,
 * src/oidc.js, desktop/overlay/files/apps/desktop/src/zero1-*.ts.
 *
 * Regola: i componenti leggono solo queste variabili. Nessun hex nel componente, nessun
 * var(--vscode-*) fuori dall'adattatore in fondo al file.
 */
:root {
  /* Marca — unico accento. CTA primaria, focus, indicatori di caricamento, barra del credito. */
  --z1-brand: #d97757;
  --z1-brand-hover: #c6613f;
  --z1-brand-soft: color-mix(in srgb, var(--z1-brand) 12%, transparent);

  /* Superfici */
  --z1-surface-dark: #1f1e1d;   /* sfondo scuro di marca: tile del logo, installer, pagine di login */
  --z1-surface-light: #f2f0eb;  /* sfondo chiaro di marca: variante light dell'installer */

  /* Testo */
  --z1-on-dark: #eeeeee;        /* testo su --z1-surface-dark */
  --z1-on-light: #1f1e1d;       /* testo su --z1-surface-light */
  --z1-muted-on-dark: rgba(238, 238, 238, 0.72);
  --z1-muted-on-light: rgba(31, 30, 29, 0.68);

  /* Bordi */
  --z1-border-on-dark: rgba(238, 238, 238, 0.18);
  --z1-border-on-light: rgba(31, 30, 29, 0.14);

  /* Tipografia — nell'estensione il font arriva dall'editor, qui il default di sistema */
  --z1-font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --z1-font-mono: Consolas, "Cascadia Mono", "Courier New", monospace; /* solo marchio "01" e codice */

  /* Neutri di progetto (non estratti da un asset: base di partenza per i nuovi progetti) */
  --z1-radius-sm: 4px;
  --z1-radius-md: 8px;
  --z1-radius-lg: 12px;
  --z1-space-1: 4px;
  --z1-space-2: 8px;
  --z1-space-3: 12px;
  --z1-space-4: 16px;
  --z1-space-6: 24px;
  --z1-space-8: 32px;
  --z1-font-size-xs: 12px;
  --z1-font-size-sm: 13px;
  --z1-font-size-md: 14px;
  --z1-font-size-lg: 16px;
  --z1-font-size-xl: 20px;
  --z1-font-size-2xl: 24px;

  /* Ombre (da media/main.css) */
  --z1-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  --z1-shadow-strong: 0 8px 24px rgba(0, 0, 0, 0.35);
}

/* Tema scuro di prodotto: lo stesso insieme di nomi, valori fissi. */
[data-z1-theme="dark"] {
  --z1-bg: var(--z1-surface-dark);
  --z1-bg-elevated: #262523;
  --z1-fg: var(--z1-on-dark);
  --z1-border: var(--z1-border-on-dark);
  --z1-muted: var(--z1-muted-on-dark);
  --z1-input-bg: #2c2b29;
  --z1-input-fg: var(--z1-on-dark);
  --z1-input-border: var(--z1-border-on-dark);
}

/* Tema chiaro di prodotto. */
[data-z1-theme="light"] {
  --z1-bg: var(--z1-surface-light);
  --z1-bg-elevated: #ffffff;
  --z1-fg: var(--z1-on-light);
  --z1-border: var(--z1-border-on-light);
  --z1-muted: var(--z1-muted-on-light);
  --z1-input-bg: #ffffff;
  --z1-input-fg: var(--z1-on-light);
  --z1-input-border: var(--z1-border-on-light);
}

/*
 * Adattatore VS Code (solo per l'estensione): eredita il tema dell'editor e tiene
 * l'accento di marca. Se il progetto non gira dentro VS Code, non includere questo blocco.
 */
[data-z1-theme="vscode"] {
  --z1-bg: var(--vscode-editor-background);
  --z1-bg-elevated: var(--vscode-editorWidget-background);
  --z1-fg: var(--vscode-foreground);
  --z1-border: var(--vscode-panel-border);
  --z1-muted: var(--vscode-descriptionForeground, var(--vscode-foreground));
  --z1-input-bg: var(--vscode-input-background);
  --z1-input-fg: var(--vscode-input-foreground);
  --z1-input-border: var(--vscode-input-border, var(--vscode-panel-border));
  --z1-font-ui: var(--vscode-font-family);
  --z1-font-mono: var(--vscode-editor-font-family, monospace);
}