/*
  Design tokens, sourced from UCAL Manual de Identidad 2025.
  Every color below is copied from the manual (logo tones + colorimetría por
  facultades, page 3 and page 5). Nothing here is invented.
*/

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../assets/fonts/anton.woff2') format('woff2');
}

@font-face {
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../assets/fonts/permanent-marker.woff2') format('woff2');
}

:root {
  /* ---- Brand colors (UCAL Manual de Identidad 2025, pág. 3 y 5) ---- */
  --ucal-black: #000000;
  --ucal-white: #FFFFFF;
  --ucal-teal: #43A894;      /* Facultad de Comunicación y Psicología */
  --ucal-purple: #8A2E80;    /* Facultad de Negocios */
  --ucal-pink: #EA3681;      /* Facultad de Arquitectura */
  --ucal-orange: #F19439;    /* Facultad de Diseño */
  --ucal-orange-deep: #EC7432; /* tono secundario del logo */
  --ucal-olive: #C2CD43;     /* tono secundario del logo */
  --ucal-purple-deep: #652E8C; /* tono usado solo en degradados */

  /* ---- Neutrals (not in the manual; practical UI grays, warm-neutral) ---- */
  --gray-50: #F7F7F5;
  --gray-100: #EFEFEC;
  --gray-200: #E1E1DC;
  --gray-300: #C7C7C0;
  --gray-400: #9A9A92;
  --gray-600: #5C5C56;
  --gray-900: #121210;

  /* ---- Semantic tokens ---- */
  --color-bg: var(--ucal-white);
  --color-surface: var(--gray-50);
  --color-text: var(--gray-900);
  --color-text-muted: var(--gray-600);
  --color-border: var(--gray-200);
  --color-focus-ring: var(--ucal-teal);

  /* ---- Per-profile theme tokens (bg + safe foreground text color) ----
     Contrast checked against WCAG AA (4.5:1) for each brand color:
     teal / orange / pink need dark text; purple needs light text. */
  --profile-director-bg: var(--ucal-teal);
  --profile-director-fg: var(--ucal-black);
  --profile-estratega-bg: var(--ucal-purple);
  --profile-estratega-fg: var(--ucal-white);
  --profile-creador-bg: var(--ucal-orange);
  --profile-creador-fg: var(--ucal-black);
  --profile-arquitecto-bg: var(--ucal-pink);
  --profile-arquitecto-fg: var(--ucal-black);

  /* ---- Typography (UCAL Manual, pág. 7-8: Anton 70% / Helvetica Neue 20% / Good Brush 10%) ---- */
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* "Good Brush" is a licensed font not available for self-hosting in this prototype.
     Permanent Marker (Google Fonts, OFL) stands in as a same-energy free substitute.
     Swap the @font-face above for the licensed file before production use. */
  --font-accent: 'Permanent Marker', cursive;

  /* ---- Radii: soft/rounded, matching the logo's own rounded letterforms ---- */
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* ---- Shadows: tinted, never pure black ---- */
  --shadow-sm: 0 2px 8px rgba(18, 18, 16, 0.08);
  --shadow-md: 0 8px 24px rgba(18, 18, 16, 0.12);
  --shadow-lg: 0 16px 48px rgba(18, 18, 16, 0.16);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-base: 280ms;
  --dur-slow: 420ms;

  /* ---- Layout ---- */
  --max-width: 480px; /* mobile-first: this experience is designed to feel native at phone/tablet width even on a desktop kiosk browser */
  --gutter: 20px;
  --nav-height: 64px;
}