@almadar/ui 6.53.1 → 6.54.0

package/themes/almadar-heritage.css

@@ -0,0 +1,373 @@
+/**
+ * GENERATED — do not edit by hand.
+ * Source: packages/almadar-core/themes/almadar-heritage.json
+ * Regenerate: node tools/almadar-pattern-sync/dist/index.js themes (or `almadar-sync themes`)
+ */
+
+[data-theme="almadar-heritage-light"] {
+    --color-primary: #00767c;
+    --color-primary-hover: #006369;
+    --color-primary-foreground: #ffffff;
+    --color-secondary: #eef2f2;
+    --color-secondary-hover: #e2e9e9;
+    --color-secondary-foreground: #0f172a;
+    --color-accent: #c9a227;
+    --color-accent-foreground: #0f172a;
+    --color-tertiary: #b3412f;
+    --color-tertiary-hover: #9c3727;
+    --color-tertiary-foreground: #ffffff;
+    --color-tertiary-muted: rgba(179, 65, 47, 0.12);
+    --color-muted: #f1eee8;
+    --color-muted-foreground: #475569;
+    --color-background: #faf8f5;
+    --color-foreground: #0f172a;
+    --color-card: #ffffff;
+    --color-card-foreground: #0f172a;
+    --color-surface: #f3f0ea;
+    --color-border: #e4e0d8;
+    --color-input: #d6d1c6;
+    --color-ring: #00b1b8;
+    --color-error: #b42318;
+    --color-error-foreground: #ffffff;
+    --color-success: #15803d;
+    --color-success-foreground: #ffffff;
+    --color-warning: #b45309;
+    --color-warning-foreground: #ffffff;
+    --color-info: #00767c;
+    --color-info-foreground: #ffffff;
+    --color-scrim: rgba(15, 23, 42, 0.55);
+    --radius-none: 0px;
+    --radius-sm: 4px;
+    --radius-md: 6px;
+    --radius-lg: 10px;
+    --radius-xl: 14px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --font-family: "Cairo", "Noto Naskh Arabic", "Segoe UI", sans-serif;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: 0em;
+    --line-height: 1.6;
+    --icon-color: #0f766e;
+    --transition-fast: 150ms;
+    --transition-normal: 250ms;
+    --transition-slow: 400ms;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+    --hover-scale: 1;
+    --hover-translate-y: 0px;
+    --hover-translate-x: 0px;
+    --active-scale: 1;
+    --active-translate-y: 0px;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #14b8a6;
+    --shadow-main: 0 6px 20px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.05);
+    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
+    --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.12);
+    --shadow-inner: inset 0 1px 3px rgba(31,63,143,0.12);
+    --shadow-none: none;
+    --shadow-hover: 0 18px 44px rgba(15, 23, 42, 0.12);
+    --shadow-active: 0 1px 2px rgba(31,63,143,0.15);
+    --space-0: 0px;
+    --space-1: 4px;
+    --space-2: 8px;
+    --space-3: 12px;
+    --space-4: 16px;
+    --space-5: 20px;
+    --space-6: 24px;
+    --space-7: 28px;
+    --space-8: 32px;
+    --space-9: 36px;
+    --space-10: 40px;
+    --space-11: 44px;
+    --space-12: 48px;
+    --button-height-sm: 30px;
+    --button-height-md: 40px;
+    --button-height-lg: 48px;
+    --input-height-sm: 30px;
+    --input-height-md: 40px;
+    --input-height-lg: 48px;
+    --row-height-compact: 32px;
+    --row-height-normal: 40px;
+    --row-height-spacious: 48px;
+    --card-padding-sm: 12px;
+    --card-padding-md: 18px;
+    --card-padding-lg: 24px;
+    --dialog-padding: 24px;
+    --section-gap: 32px;
+    --font-family-display: "Plus Jakarta Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;
+    --font-family-body: "Plus Jakarta Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;
+    --font-family-mono: "IBM Plex Mono", "IBM Plex Sans Arabic", ui-monospace, SFMono-Regular, Menlo, monospace;
+    --heading-weight: 700;
+    --heading-transform: none;
+    --heading-tracking: -0.02em;
+    --heading-style: normal;
+    --heading-shadow: none;
+    --text-xs: 12px;
+    --leading-xs: 16px;
+    --text-sm: 14px;
+    --leading-sm: 20px;
+    --text-base: 16px;
+    --leading-base: 24px;
+    --text-lg: 18px;
+    --leading-lg: 28px;
+    --text-xl: 20px;
+    --leading-xl: 28px;
+    --text-2xl: 24px;
+    --leading-2xl: 32px;
+    --text-3xl: 30px;
+    --leading-3xl: 36px;
+    --text-4xl: 36px;
+    --leading-4xl: 40px;
+    --text-display-1: 48px;
+    --leading-display-1: 52px;
+    --text-display-2: 60px;
+    --leading-display-2: 64px;
+    --intent-heading-major-size: var(--text-2xl);
+    --intent-heading-major-weight: var(--font-weight-bold);
+    --intent-heading-major-leading: var(--leading-2xl);
+    --intent-heading-minor-size: var(--text-lg);
+    --intent-heading-minor-weight: var(--font-weight-bold);
+    --intent-heading-minor-leading: var(--leading-lg);
+    --intent-body-emphasis-size: var(--text-base);
+    --intent-body-emphasis-weight: var(--font-weight-medium);
+    --intent-body-emphasis-leading: var(--leading-base);
+    --intent-body-default-size: var(--text-sm);
+    --intent-body-default-weight: var(--font-weight-normal);
+    --intent-body-default-leading: var(--leading-sm);
+    --intent-body-quiet-size: var(--text-sm);
+    --intent-body-quiet-weight: var(--font-weight-normal);
+    --intent-body-quiet-leading: var(--leading-sm);
+    --intent-caption-size: var(--text-xs);
+    --intent-caption-weight: var(--font-weight-normal);
+    --intent-caption-leading: var(--leading-xs);
+    --intent-numeric-size: var(--text-sm);
+    --intent-numeric-weight: var(--font-weight-medium);
+    --intent-numeric-leading: var(--leading-sm);
+    --duration-instant: 0ms;
+    --duration-fast: var(--transition-fast);
+    --duration-normal: var(--transition-normal);
+    --duration-slow: var(--transition-slow);
+    --duration-dramatic: 700ms;
+    --easing-linear: linear;
+    --easing-standard: var(--transition-timing);
+    --easing-emphasized: cubic-bezier(0.22, 0.61, 0.36, 1);
+    --easing-spring: cubic-bezier(0.25, 0.8, 0.25, 1);
+    --motion-modal-enter-from-transform: scale(0.96);
+    --motion-modal-exit-to-transform: scale(0.96);
+    --motion-popover-enter-from-transform: scale(0.97);
+    --motion-popover-exit-to-transform: scale(0.97);
+    --motion-toast-enter-from-transform: translateY(-12px);
+    --motion-toast-exit-to-transform: translateY(-12px);
+    --motion-page-enter-from-transform: translateY(8px);
+    --icon-family: phosphor-duotone;
+    --icon-stroke-width: 1.5;
+    --icon-default-size: 18px;
+    --elevation-card: var(--shadow-sm);
+    --elevation-popover: var(--shadow-main);
+    --elevation-dialog: var(--shadow-lg);
+    --elevation-toast: var(--shadow-main);
+    --elevation-interactive: var(--shadow-sm);
+    --elevation-pressed: var(--shadow-active);
+    --radius-container: var(--radius-lg);
+    --radius-interactive: var(--radius-md);
+    --radius-pill: var(--radius-full);
+    --border-hairline: 1px;
+    --border-standard: var(--border-width);
+    --border-heavy: var(--border-width-thick);
+    --corner-shape: round;
+    --corner-shape-pill: round;
+    --border-style: none;
+    --border-style-interactive: solid;
+    --surface-backdrop: none;
+    --surface-card-image: none;
+    --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><g fill='none' stroke='%2300767c' stroke-opacity='0.07' stroke-width='1'><path d='M24 0V48M0 24H48'/><path d='M24 18L30 24L24 30L18 24Z'/></g></svg>");
+    --surface-page-image-size: 48px 48px;
+}
+
+[data-theme="almadar-heritage-dark"] {
+    --color-primary: #00b1b8;
+    --color-primary-hover: #2cc7cd;
+    --color-primary-foreground: #0f172a;
+    --color-secondary: #1e293b;
+    --color-secondary-hover: #283548;
+    --color-secondary-foreground: #f1f5f9;
+    --color-accent: #d4b44a;
+    --color-accent-foreground: #0f172a;
+    --color-tertiary: #e0715e;
+    --color-tertiary-hover: #e8887a;
+    --color-tertiary-foreground: #0f172a;
+    --color-tertiary-muted: rgba(224, 113, 94, 0.16);
+    --color-muted: #1a2436;
+    --color-muted-foreground: #9aa6b8;
+    --color-background: #0f172a;
+    --color-foreground: #f5f2ea;
+    --color-card: #152036;
+    --color-card-foreground: #f5f2ea;
+    --color-surface: #152036;
+    --color-border: #2a3750;
+    --color-input: #334360;
+    --color-ring: #00b1b8;
+    --color-error: #f87171;
+    --color-error-foreground: #000000;
+    --color-success: #4ade80;
+    --color-success-foreground: #000000;
+    --color-warning: #fbbf24;
+    --color-warning-foreground: #000000;
+    --color-info: #2cc7cd;
+    --color-info-foreground: #000000;
+    --color-scrim: rgba(0, 0, 0, 0.7);
+    --radius-none: 0px;
+    --radius-sm: 6px;
+    --radius-md: 10px;
+    --radius-lg: 14px;
+    --radius-xl: 20px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --font-family: "Cairo", "Noto Naskh Arabic", "Segoe UI", sans-serif;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: 0em;
+    --line-height: 1.6;
+    --icon-color: #2dd4bf;
+    --transition-fast: 150ms;
+    --transition-normal: 250ms;
+    --transition-slow: 400ms;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+    --hover-scale: 1;
+    --hover-translate-y: 0px;
+    --hover-translate-x: 0px;
+    --active-scale: 1;
+    --active-translate-y: 0px;
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #2dd4bf;
+    --shadow-main: 0 6px 20px rgba(0, 0, 0, 0.45);
+    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
+    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
+    --shadow-inner: inset 0 1px 3px rgba(0,0,0,0.4);
+    --shadow-none: none;
+    --shadow-hover: 0 18px 44px rgba(0, 0, 0, 0.55);
+    --shadow-active: 0 1px 2px rgba(0,0,0,0.5);
+    --space-0: 0px;
+    --space-1: 4px;
+    --space-2: 8px;
+    --space-3: 12px;
+    --space-4: 16px;
+    --space-5: 20px;
+    --space-6: 24px;
+    --space-7: 28px;
+    --space-8: 32px;
+    --space-9: 36px;
+    --space-10: 40px;
+    --space-11: 44px;
+    --space-12: 48px;
+    --button-height-sm: 30px;
+    --button-height-md: 40px;
+    --button-height-lg: 48px;
+    --input-height-sm: 30px;
+    --input-height-md: 40px;
+    --input-height-lg: 48px;
+    --row-height-compact: 32px;
+    --row-height-normal: 40px;
+    --row-height-spacious: 48px;
+    --card-padding-sm: 12px;
+    --card-padding-md: 18px;
+    --card-padding-lg: 24px;
+    --dialog-padding: 24px;
+    --section-gap: 32px;
+    --font-family-display: "Source Serif 4", "IBM Plex Sans Arabic", Georgia, serif;
+    --font-family-body: "Inter", "IBM Plex Sans Arabic", system-ui, sans-serif;
+    --font-family-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
+    --heading-weight: 600;
+    --heading-transform: none;
+    --heading-tracking: -0.02em;
+    --heading-style: normal;
+    --heading-shadow: none;
+    --text-xs: 12px;
+    --leading-xs: 16px;
+    --text-sm: 14px;
+    --leading-sm: 20px;
+    --text-base: 16px;
+    --leading-base: 24px;
+    --text-lg: 18px;
+    --leading-lg: 28px;
+    --text-xl: 20px;
+    --leading-xl: 28px;
+    --text-2xl: 24px;
+    --leading-2xl: 32px;
+    --text-3xl: 30px;
+    --leading-3xl: 36px;
+    --text-4xl: 36px;
+    --leading-4xl: 40px;
+    --text-display-1: 48px;
+    --leading-display-1: 52px;
+    --text-display-2: 60px;
+    --leading-display-2: 64px;
+    --intent-heading-major-size: var(--text-2xl);
+    --intent-heading-major-weight: var(--font-weight-bold);
+    --intent-heading-major-leading: var(--leading-2xl);
+    --intent-heading-minor-size: var(--text-lg);
+    --intent-heading-minor-weight: var(--font-weight-bold);
+    --intent-heading-minor-leading: var(--leading-lg);
+    --intent-body-emphasis-size: var(--text-base);
+    --intent-body-emphasis-weight: var(--font-weight-medium);
+    --intent-body-emphasis-leading: var(--leading-base);
+    --intent-body-default-size: var(--text-sm);
+    --intent-body-default-weight: var(--font-weight-normal);
+    --intent-body-default-leading: var(--leading-sm);
+    --intent-body-quiet-size: var(--text-sm);
+    --intent-body-quiet-weight: var(--font-weight-normal);
+    --intent-body-quiet-leading: var(--leading-sm);
+    --intent-caption-size: var(--text-xs);
+    --intent-caption-weight: var(--font-weight-normal);
+    --intent-caption-leading: var(--leading-xs);
+    --intent-numeric-size: var(--text-sm);
+    --intent-numeric-weight: var(--font-weight-medium);
+    --intent-numeric-leading: var(--leading-sm);
+    --duration-instant: 0ms;
+    --duration-fast: var(--transition-fast);
+    --duration-normal: var(--transition-normal);
+    --duration-slow: var(--transition-slow);
+    --duration-dramatic: 700ms;
+    --easing-linear: linear;
+    --easing-standard: var(--transition-timing);
+    --easing-emphasized: cubic-bezier(0.22, 0.61, 0.36, 1);
+    --easing-spring: cubic-bezier(0.25, 0.8, 0.25, 1);
+    --motion-modal-enter-from-transform: scale(0.96);
+    --motion-modal-exit-to-transform: scale(0.96);
+    --motion-popover-enter-from-transform: scale(0.97);
+    --motion-popover-exit-to-transform: scale(0.97);
+    --motion-toast-enter-from-transform: translateY(-12px);
+    --motion-toast-exit-to-transform: translateY(-12px);
+    --motion-page-enter-from-transform: translateY(8px);
+    --icon-family: phosphor-duotone;
+    --icon-stroke-width: 1.5;
+    --icon-default-size: 18px;
+    --elevation-card: var(--shadow-sm);
+    --elevation-popover: var(--shadow-main);
+    --elevation-dialog: var(--shadow-lg);
+    --elevation-toast: var(--shadow-main);
+    --elevation-interactive: var(--shadow-sm);
+    --elevation-pressed: var(--shadow-active);
+    --radius-container: var(--radius-lg);
+    --radius-interactive: var(--radius-md);
+    --radius-pill: var(--radius-full);
+    --border-hairline: 1px;
+    --border-standard: var(--border-width);
+    --border-heavy: var(--border-width-thick);
+    --corner-shape: round;
+    --corner-shape-pill: round;
+    --border-style: none;
+    --border-style-interactive: solid;
+    --surface-backdrop: none;
+    --surface-card-image: none;
+    --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><g fill='none' stroke='%2300b1b8' stroke-opacity='0.06' stroke-width='1'><path d='M24 0V48M0 24H48'/><path d='M24 18L30 24L24 30L18 24Z'/></g></svg>");
+    --surface-page-image-size: 72px 72px;
+}