:root {
  /* Marca institucional i entorns · Platform Kit 6.4.2 */
  --ccoo-red: #E32118;
  --ccoo-red-rgb: 227, 33, 24;
  --ccoo-purple: #662D91;
  --ccoo-purple-rgb: 102, 45, 145;
  --app-accent: var(--ccoo-red);
  --app-accent-rgb: var(--ccoo-red-rgb);
  --environment-accent: var(--ccoo-red);
  --environment-accent-contrast: #FFFFFF;
  --app-environment-label: "";
  --app-environment-profile: production;

  /* Neutres */
  --color-ink: #111111;
  --color-ink-soft: #3A3A3A;
  --color-muted: #676767;
  --color-canvas: #F1F1F1;
  --color-surface: #FFFFFF;
  --color-surface-soft: #F7F7F7;
  --color-border: #D2D2D2;
  --color-border-strong: #B8B8B8;
  --color-overlay: rgba(0, 0, 0, .46);
  --color-header: #F2F2F2;
  --color-footer: #F2F2F2;


  /* Estats semàntics */
  --status-success: #1F7A3F;
  --status-success-bg: #EAF6EE;
  --status-info: #1769AA;
  --status-info-bg: #EAF3FA;
  --status-warning: #A85D00;
  --status-warning-bg: #FFF3DF;
  --status-error: #E32118;
  --status-error-bg: #FDECEB;
  --status-neutral: #5F6368;
  --status-neutral-bg: #F1F1F1;

  /* Tipografia */
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.35rem;
  --text-2xl: clamp(1.65rem, 3vw, 2.4rem);
  --text-3xl: clamp(2rem, 4.2vw, 3.3rem);

  /* Espaiat */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* Forma i elevació */
  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-soft: 0 5px 18px rgba(0, 0, 0, .08);
  --shadow-modal: 0 24px 70px rgba(0, 0, 0, .24);
  --focus-ring: 0 0 0 4px rgba(var(--app-accent-rgb), .24);

  /* Moviment */
  --motion-fast: 150ms;
  --motion-normal: 240ms;
  --motion-slow: 480ms;

  /* Estructura */
  --header-height: 94px;
  --sidebar-width: 286px;
  --content-max: 1440px;
  --touch-target-min: 44px;
  --control-height: 48px;
  --control-height-compact: 44px;
  --control-disabled-opacity: .5;
  --control-active-scale: .99;

  /* Signatura d’autoria PH */
  --ph-authorship-red: #E32118;
  --ph-authorship-ink: #111111;
  --ph-authorship-muted: #6B6B6B;
  --ph-authorship-surface: #FFFFFF;
  --ph-authorship-min-horizontal: 160px;
  --ph-authorship-min-compact: 92px;
  --ph-authorship-clear-space: .75rem;
}

:root[data-app-environment="staging"] {
  --app-accent: var(--ccoo-purple);
  --app-accent-rgb: var(--ccoo-purple-rgb);
  --environment-accent: var(--ccoo-purple);
  --environment-accent-contrast: #FFFFFF;
  --app-environment-label: "Proves";
  --app-environment-profile: non-production;
}

:root[data-app-environment="production"] {
  --app-accent: var(--ccoo-red);
  --app-accent-rgb: var(--ccoo-red-rgb);
  --environment-accent: var(--ccoo-red);
  --environment-accent-contrast: #FFFFFF;
  --app-environment-label: "";
}