:root {
    /* Layout & Spacing */
    --tt-margin-top: 1em;
    --tt-cell-width: 200px;
    --tt-time-cell-width: 80px;
    --tt-cell-height: 90px;
    --tt-sidebar-width: 20%;
    --tt-main-width: 80%;
    --tt-sidebar-padding: 2rem;
    --tt-sidebar-gap: 2rem;
  
    /* Fonts */
    --font-stack: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --table-font-size: 0.8rem;
    --card-font-size: 10px;
    --list-font-size: 0.875rem;
    --modal-font-size: 10px;
  
    /* Colors */
    --color-border: #ccc;
    --color-bg-header: #f0f0f0;
    --color-drag-hover: #faf7e0;
    --color-card-bg: #eee;
    --color-card-hover: #ddd;
    --color-card-border-left: #0073aa;
    --color-card-text: #222;
    --color-btn-bg: #0073aa;
    --color-btn-hover: #006799;
    --color-modal-bg: #fff;
    --color-modal-shadow: rgba(0, 0, 0, 0.3);
    --color-time-modal-bg: #eee;
    --color-plus-bg: rgba(128, 128, 128, 0.2);
    --color-plus-icon: #fff;
    --color-speaker-confirmed: #5cb85c;
    --color-speaker-requested: #f0ad4e;
    --color-speaker-denied: #d9534f;
  
    /* Radii & Shadows */
    --radius-card: 2px;
    --radius-list-item: 0.25rem;
    --radius-modal: 6px;
    --shadow-admin: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-list-hover: 0 4px 6px rgba(0, 0, 0, 0.15);
    --shadow-modal: 0 0 10px var(--color-modal-shadow);
    --generic-box-radius: 4px;
    --session-button-box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.2);
  
    /* Buttons */
    --btn-padding-vertical: 0.5em;
    --btn-padding-horizontal: 1em;
  
    /* Plus Icon */
    --plus-size: 2rem;
    --plus-font-size: 1.5rem;
  
    /* Modal */
    --modal-top-offset: 20%;
    --modal-max-width: 1200px;
    --modal-max-height: 70vh;
  }