/**
 * Fotofolio 1 — bridge theme.yaml → variabili globali app
 */

:root {
  --color-primary: var(--theme-color-primary, #ff6900);
  --color-primary-dark: var(--theme-color-primary-dark, #e55f00);
  --color-primary-light: var(--theme-color-primary-light, #ff8533);
  --color-secondary: var(--theme-color-secondary, #1b3a57);
  --color-accent: var(--theme-color-accent, #ff6900);
  --color-background: var(--theme-color-background, #ffffff);
  --color-background-secondary: var(--theme-color-background-secondary, #f5f7fa);
  --color-text: var(--theme-color-text, #1a1a1a);
  --color-text-muted: var(--theme-color-text-muted, #64748b);
  --color-border: var(--theme-color-border, #e2e8f0);
  --color-success: var(--theme-color-success, #16a34a);
  --color-error: var(--theme-color-error, #dc2626);
  --color-warning: var(--theme-color-warning, #f59e0b);
  --color-info: var(--theme-color-info, #2563eb);
  --color-brand-logo: #ffc107;

  --font-heading: var(--theme-font-heading, Inter, sans-serif);
  --font-body: var(--theme-font-body, Inter, sans-serif);
  --font-weight-heading: var(--theme-font-heading-weight, 700);
  --font-weight-body: var(--theme-font-body-weight, 400);

  --container-width: var(--theme-layout-container-width, 1200px);
  --container-width-wide: var(--theme-layout-container-width-wide, 1400px);
  --header-height: var(--theme-layout-header-height, 64px);

  --border-radius: 0;
  --border-radius-sm: 0;
  --border-radius-lg: 0;
  --box-shadow: var(--theme-component-box-shadow, 0 1px 3px rgba(15, 23, 42, 0.08));
  --box-shadow-hover: var(--theme-component-box-shadow-hover, 0 8px 24px rgba(15, 23, 42, 0.12));

  --section-padding: var(--theme-spacing-section-padding, 64px);
  --card-padding: var(--theme-spacing-card-padding, 24px);
  --element-gap: var(--theme-spacing-element-gap, 16px);

  --bg-primary: var(--color-background);
  --bg-secondary: var(--color-background-secondary);
  --text-primary: var(--color-text);
  --text-secondary: var(--color-text-muted);
  --text-muted: var(--color-text-muted);

  --padding-small: 8px;
  --padding-medium: 16px;
  --padding-large: 24px;
  --font-weight-normal: 400;
  --font-weight-bold: 600;
  --gallery-gap: 12px;
  --gallery-columns-desktop: 3;
  --gallery-columns-tablet: 2;
  --gallery-columns-mobile: 2;
}