/**
 * @file
 * UoA design-system tokens (--uoa-*). GENERATED: do not edit by hand.
 *
 * Source:  https://github.com/UniversityOfAthens/design-system-uoa.git
 * Commit:  8d978f6d65abf771dfbf104bff0f1e12c21f75d7 (2026-10-03)
 * File:    packages/tokens/dist/css/tokens.css
 * Update:  scripts/update-uoa-tokens.sh [ref]
 * Licence: GPL-3.0 (design-system-uoa); distributed with this GPL-2.0-or-later
 *          Drupal theme as a combined work under GPL-3.0.
 *
 * DIT-specific values (brand colours, the single font family) are set on top
 * of these in css/base/brand.css and css/base/font-families.css.
 */

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --uoa-color-uoa-navy: #161f57; /** Header/brand navy of www.uoa.gr */
  --uoa-color-uoa-navy-dark: #0e1440;
  --uoa-color-uoa-blue: #0075cb; /** Link blue of www.uoa.gr. 4.77:1 on white — not on grey-100 or darker. */
  --uoa-color-uoa-cyan: #00afcb; /** 2.6:1 on white. Decorative only, never for text. */
  --uoa-color-burgundy-700: #862c23; /** TYPO3 'Red' scheme primary */
  --uoa-color-burgundy-900: #551c16;
  --uoa-color-teal-700: #2c5454; /** TYPO3 'Green' scheme primary */
  --uoa-color-teal-900: #172c2c;
  --uoa-color-accent-azure: #0d5eaf;
  --uoa-color-accent-indigo: #2711ab; /** TYPO3 'Navy' accent */
  --uoa-color-accent-rose: #a62e4a; /** TYPO3 'Serice' accent */
  --uoa-color-accent-olive: #787637;
  --uoa-color-accent-vermilion: #c24a38; /** TYPO3 'Orange' accent */
  --uoa-color-grey-0: #ffffff;
  --uoa-color-grey-50: #f8fafc;
  --uoa-color-grey-100: #f1f5f9;
  --uoa-color-grey-200: #e2e8f0;
  --uoa-color-grey-300: #cbd5e1;
  --uoa-color-grey-400: #94a3b8; /** Decorative/disabled only — fails text contrast */
  --uoa-color-grey-500: #64748b; /** Lightest grey allowed for text on white (4.76:1) */
  --uoa-color-grey-600: #475569;
  --uoa-color-grey-700: #334155;
  --uoa-color-grey-800: #1e293b;
  --uoa-color-grey-900: #0f172a;
  --uoa-color-green-100: #e8f5ec;
  --uoa-color-green-700: #1e7b34;
  --uoa-color-amber-100: #fff4d6;
  --uoa-color-amber-700: #8a5a00;
  --uoa-color-red-100: #fdecea;
  --uoa-color-red-700: #b3261e;
  --uoa-color-blue-100: #e6f1fa;
  --uoa-color-blue-700: #005a9e;
  --uoa-breakpoint-sm: 576px;
  --uoa-breakpoint-md: 768px;
  --uoa-breakpoint-lg: 1024px;
  --uoa-breakpoint-xl: 1280px;
  --uoa-container-max: 75rem; /** 1200px */
  --uoa-container-narrow: 45rem; /** 720px — long-form text */
  --uoa-z-index-dropdown: 100;
  --uoa-z-index-sticky: 200;
  --uoa-z-index-overlay: 300;
  --uoa-z-index-modal: 400;
  --uoa-z-index-toast: 500;
  --uoa-motion-duration-fast: 100ms;
  --uoa-motion-duration-base: 200ms;
  --uoa-motion-duration-slow: 300ms;
  --uoa-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --uoa-motion-easing-enter: cubic-bezier(0, 0, 0, 1);
  --uoa-motion-easing-exit: cubic-bezier(0.3, 0, 1, 1);
  --uoa-radius-none: 0;
  --uoa-radius-sm: 4px;
  --uoa-radius-md: 8px;
  --uoa-radius-lg: 12px;
  --uoa-radius-xl: 16px;
  --uoa-radius-pill: 999px;
  --uoa-border-width-thin: 1px;
  --uoa-border-width-thick: 2px;
  --uoa-border-width-heavy: 4px;
  --uoa-shadow-sm: 0 1px 2px 0 #0f172a0d;
  --uoa-shadow-md: 0 2px 4px -1px #0f172a0f, 0 4px 12px -2px #0f172a14;
  --uoa-shadow-lg: 0 4px 8px -2px #0f172a0f, 0 16px 32px -8px #0f172a1f;
  --uoa-space-0: 0;
  --uoa-space-1: 0.25rem;
  --uoa-space-2: 0.5rem;
  --uoa-space-3: 0.75rem;
  --uoa-space-4: 1rem;
  --uoa-space-5: 1.25rem;
  --uoa-space-6: 1.5rem;
  --uoa-space-8: 2rem;
  --uoa-space-10: 2.5rem;
  --uoa-space-12: 3rem;
  --uoa-space-16: 4rem;
  --uoa-space-20: 5rem;
  --uoa-space-24: 6rem;
  --uoa-font-family-katsoulidis: Katsoulidis, Georgia, 'Times New Roman', serif; /** NKUA serif. Only 400 and 700, upright + italic. */
  --uoa-font-family-open-sans: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; /** Variable font, weights 300–800. */
  --uoa-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
  --uoa-font-weight-light: 300;
  --uoa-font-weight-regular: 400;
  --uoa-font-weight-semibold: 600;
  --uoa-font-weight-bold: 700;
  --uoa-font-weight-extrabold: 800;
  --uoa-font-size-100: 0.75rem; /** 12px */
  --uoa-font-size-200: 0.875rem; /** 14px */
  --uoa-font-size-300: 1rem; /** 16px */
  --uoa-font-size-400: 1.125rem; /** 18px */
  --uoa-font-size-500: 1.25rem; /** 20px */
  --uoa-font-size-600: 1.5rem; /** 24px */
  --uoa-font-size-700: 1.875rem; /** 30px */
  --uoa-font-size-800: 2.25rem; /** 36px */
  --uoa-font-size-900: 3rem; /** 48px */
  --uoa-font-size-display: clamp(2.75rem, 1.9rem + 3.6vw, 4.5rem); /** 44 → 72px */
  --uoa-font-size-heading-1: clamp(2.25rem, 1.7rem + 2.4vw, 3.5rem); /** 36 → 56px */
  --uoa-font-size-heading-2: clamp(1.75rem, 1.45rem + 1.4vw, 2.5rem); /** 28 → 40px */
  --uoa-font-size-heading-3: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem); /** 22 → 30px */
  --uoa-font-line-height-tight: 1.2; /** Not lower: Greek capitals carry accents above the cap height. */
  --uoa-font-line-height-snug: 1.35;
  --uoa-font-line-height-normal: 1.5;
  --uoa-font-line-height-relaxed: 1.7;
  --uoa-font-line-height-display: 1.1; /** Large sizes only; Greek accents still clear */
  --uoa-font-letter-spacing-tighter: -0.025em;
  --uoa-font-letter-spacing-tight: -0.015em;
  --uoa-font-letter-spacing-normal: 0;
  --uoa-font-letter-spacing-wide: 0.04em;
  --uoa-focus-ring-width: 3px;
  --uoa-focus-ring-offset: 2px;
  --uoa-color-brand-primary: var(--uoa-color-uoa-navy);
  --uoa-color-brand-primary-hover: var(--uoa-color-uoa-navy-dark);
  --uoa-color-brand-link: var(--uoa-color-uoa-blue);
  --uoa-color-brand-accent: var(--uoa-color-uoa-cyan); /** Default accent is decorative only (fails text contrast). */
  --uoa-color-text-default: var(--uoa-color-grey-900);
  --uoa-color-text-muted: var(--uoa-color-grey-600);
  --uoa-color-text-inverse: var(--uoa-color-grey-0);
  --uoa-color-text-heading: var(--uoa-color-grey-900);
  --uoa-color-surface-default: var(--uoa-color-grey-0);
  --uoa-color-surface-subtle: var(--uoa-color-grey-50);
  --uoa-color-surface-muted: var(--uoa-color-grey-100); /** Link blue, olive and orange fall below 4.5:1 here — dark text only */
  --uoa-color-border-subtle: var(--uoa-color-grey-100);
  --uoa-color-border-default: var(--uoa-color-grey-200);
  --uoa-color-border-strong: var(--uoa-color-grey-500); /** Use for form-control borders (≥3:1). */
  --uoa-color-action-primary-text: var(--uoa-color-grey-0);
  --uoa-color-focus-ring: var(--uoa-color-uoa-blue);
  --uoa-color-focus-ring-inverse: var(--uoa-color-grey-0);
  --uoa-color-feedback-success-text: var(--uoa-color-green-700);
  --uoa-color-feedback-success-surface: var(--uoa-color-green-100);
  --uoa-color-feedback-warning-text: var(--uoa-color-amber-700);
  --uoa-color-feedback-warning-surface: var(--uoa-color-amber-100);
  --uoa-color-feedback-danger-text: var(--uoa-color-red-700);
  --uoa-color-feedback-danger-surface: var(--uoa-color-red-100);
  --uoa-color-feedback-info-text: var(--uoa-color-blue-700);
  --uoa-color-feedback-info-surface: var(--uoa-color-blue-100);
  --uoa-container-gutter: var(--uoa-space-4);
  --uoa-radius-control: var(--uoa-radius-md); /** Buttons, inputs, selects */
  --uoa-radius-surface: var(--uoa-radius-lg); /** Cards, alerts, dialogs */
  --uoa-font-family-heading: var(--uoa-font-family-open-sans); /** h2–h6 */
  --uoa-font-family-body: var(--uoa-font-family-open-sans);
  --uoa-font-family-code: var(--uoa-font-family-mono);
  --uoa-font-family-display: var(--uoa-font-family-katsoulidis); /** h1 and display text — the brand serif */
  --uoa-font-weight-body: var(--uoa-font-weight-regular);
  --uoa-font-weight-body-strong: var(--uoa-font-weight-semibold);
  --uoa-font-weight-heading: var(--uoa-font-weight-bold);
  --uoa-font-weight-display: var(--uoa-font-weight-bold); /** Katsoulidis has only 400 and 700 */
  --uoa-font-size-caption: var(--uoa-font-size-100);
  --uoa-font-size-body-sm: var(--uoa-font-size-200);
  --uoa-font-size-body-md: var(--uoa-font-size-300);
  --uoa-font-size-body-lg: var(--uoa-font-size-500); /** Lead paragraphs */
  --uoa-font-size-heading-4: var(--uoa-font-size-500);
  --uoa-font-size-heading-5: var(--uoa-font-size-400);
  --uoa-font-size-heading-6: var(--uoa-font-size-300);
  --uoa-font-line-height-heading: var(--uoa-font-line-height-tight);
  --uoa-font-line-height-body: var(--uoa-font-line-height-normal);
  --uoa-font-letter-spacing-display: var(--uoa-font-letter-spacing-tighter);
  --uoa-font-letter-spacing-heading: var(--uoa-font-letter-spacing-tight);
  --uoa-font-letter-spacing-eyebrow: var(--uoa-font-letter-spacing-wide);
  --uoa-alert-padding-block: var(--uoa-space-4);
  --uoa-alert-padding-inline: var(--uoa-space-5);
  --uoa-alert-gap: var(--uoa-space-3); /** Between the icon and the content */
  --uoa-alert-bar-width: var(--uoa-border-width-heavy); /** Coloured bar on the inline-start edge. Keeps the type visible in forced-colors mode and without colour */
  --uoa-button-padding-block: var(--uoa-space-3); /** Border is subtracted in CSS, so 12 + 20 (line) + 12 = 44px target */
  --uoa-button-padding-inline: var(--uoa-space-5);
  --uoa-button-padding-block-sm: var(--uoa-space-2);
  --uoa-button-padding-inline-sm: var(--uoa-space-3);
  --uoa-button-gap: var(--uoa-space-2);
  --uoa-button-border-width: var(--uoa-border-width-thin);
  --uoa-button-secondary-border-hover: var(--uoa-color-grey-300);
  --uoa-color-text-link: var(--uoa-color-brand-link);
  --uoa-color-text-link-hover: var(--uoa-color-brand-primary);
  --uoa-color-surface-brand: var(--uoa-color-brand-primary);
  --uoa-color-action-primary: var(--uoa-color-brand-primary);
  --uoa-color-action-primary-hover: var(--uoa-color-brand-primary-hover);
  --uoa-alert-radius: var(--uoa-radius-surface);
  --uoa-alert-text: var(--uoa-color-text-default); /** Body text. Titles and icons use the variant colour */
  --uoa-alert-info-accent: var(--uoa-color-feedback-info-text);
  --uoa-alert-info-surface: var(--uoa-color-feedback-info-surface);
  --uoa-alert-success-accent: var(--uoa-color-feedback-success-text);
  --uoa-alert-success-surface: var(--uoa-color-feedback-success-surface);
  --uoa-alert-warning-accent: var(--uoa-color-feedback-warning-text);
  --uoa-alert-warning-surface: var(--uoa-color-feedback-warning-surface);
  --uoa-alert-danger-accent: var(--uoa-color-feedback-danger-text);
  --uoa-alert-danger-surface: var(--uoa-color-feedback-danger-surface);
  --uoa-button-radius: var(--uoa-radius-control);
  --uoa-button-font-weight: var(--uoa-font-weight-body-strong);
  --uoa-button-primary-text: var(--uoa-color-action-primary-text);
  --uoa-button-secondary-text: var(--uoa-color-text-default);
  --uoa-button-secondary-border: var(--uoa-color-border-default);
  --uoa-button-secondary-bg-hover: var(--uoa-color-surface-subtle);
  --uoa-button-tertiary-bg-hover: var(--uoa-color-surface-muted);
  --uoa-button-primary-bg: var(--uoa-color-action-primary);
  --uoa-button-primary-bg-hover: var(--uoa-color-action-primary-hover);
  --uoa-button-tertiary-text: var(--uoa-color-action-primary);
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-uoa-accent="azure"] {
  --uoa-color-brand-accent: var(--uoa-color-accent-azure);
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-uoa-accent="burgundy"] {
  --uoa-color-brand-accent: var(--uoa-color-burgundy-700);
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-uoa-accent="indigo"] {
  --uoa-color-brand-accent: var(--uoa-color-accent-indigo);
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-uoa-accent="olive"] {
  --uoa-color-brand-accent: var(--uoa-color-accent-olive);
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-uoa-accent="rose"] {
  --uoa-color-brand-accent: var(--uoa-color-accent-rose);
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-uoa-accent="teal"] {
  --uoa-color-brand-accent: var(--uoa-color-teal-700);
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-uoa-accent="vermilion"] {
  --uoa-color-brand-accent: var(--uoa-color-accent-vermilion);
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-uoa-brand="green"] {
  --uoa-color-brand-primary: var(--uoa-color-teal-700);
  --uoa-color-brand-primary-hover: var(--uoa-color-teal-900);
  --uoa-color-brand-link: var(--uoa-color-teal-700);
}

/**
 * Do not edit directly, this file was auto-generated.
 */

[data-uoa-brand="red"] {
  --uoa-color-brand-primary: var(--uoa-color-burgundy-700);
  --uoa-color-brand-primary-hover: var(--uoa-color-burgundy-900);
  --uoa-color-brand-link: var(--uoa-color-burgundy-700);
}